@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Shippori+Mincho&family=Zen+Kaku+Gothic+New&display=swap");
html,
body {
  font-family: "Shippori Mincho", serif;
  margin: 0;
  overflow-x: hidden;
  background: #fff;
  line-height: 1.7;
}
@media screen and (max-width: 1900px) {
  html,
  body {
    font-size: 0.0526315789vw;
  }
}
@media screen and (max-width: 1440px) {
  html,
  body {
    font-size: 0.0694444444vw;
  }
}
@media screen and (max-width: 768px) {
  html,
  body {
    font-size: 0.2666666667vw;
  }
}

*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.en {
  font-family: "Bodoni Moda", serif;
}

.f-min {
  font-family: "Shippori Mincho", serif;
}

.f-gothic {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.pc_only {
  display: block;
}
@media screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_only {
    display: block;
  }
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0%;
  padding: 0%;
}

ul li,
ol li {
  list-style: none;
  line-height: 1;
}

figure,
table {
  margin: auto;
}

.seccontain {
  max-width: 1440px;
  margin: auto !important;
}

div {
  font-size: 16px;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1440px) {
  .seccontain {
    max-width: 1440rem;
    margin: auto;
  }
}
.nolink {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.sec_pd {
  padding: 60px 0;
}
@media screen and (max-width: 1440px) {
  .sec_pd {
    padding: 60rem 0;
  }
}
@media screen and (max-width: 768px) {
  .sec_pd {
    padding: 60rem 0;
  }
}

.fixnum00 {
  position: relative;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .fixnum00 {
    margin-right: 8rem;
  }
}
.fixnum00::after {
  content: "*";
  position: absolute;
  top: 5px;
  right: -7px;
  font-size: 20px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .fixnum00::after {
    font-size: 13rem;
    right: -5rem;
  }
}

.fixnum01 {
  position: relative;
  margin-right: 10px;
}
.fixnum01::after {
  content: "*1";
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 20px;
  line-height: 1;
}

.page {
  position: relative;
  background: linear-gradient(#d7d2cb 0%, #cfe8f6 25%, #b6c1b1 50%, #e6d8c4 75%, #eae8e5 100%);
}
.page .dot-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}
.page .circle-container {
  position: absolute;
  transform: translateY(-10vh);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.page .circle-container .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#ffffff, hsl(0, 0%, 100%) 10%, hsla(180, 100%, 80%, 0) 56%);
  animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}
@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-frames {
  0% {
    transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    transform: scale3d(0.4, 0.4, 1);
  }
}
.page .circle-container:nth-child(1) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-1;
  animation-duration: 32669ms;
  animation-delay: 27528ms;
}
@keyframes move-frames-1 {
  from {
    transform: translate3d(83vw, 103vh, 0);
  }
  to {
    transform: translate3d(85vw, -107vh, 0);
  }
}
.page .circle-container:nth-child(1) .circle {
  animation-delay: 3157ms;
}
.page .circle-container:nth-child(2) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-2;
  animation-duration: 28014ms;
  animation-delay: 5344ms;
}
@keyframes move-frames-2 {
  from {
    transform: translate3d(56vw, 103vh, 0);
  }
  to {
    transform: translate3d(79vw, -113vh, 0);
  }
}
.page .circle-container:nth-child(2) .circle {
  animation-delay: 1839ms;
}
.page .circle-container:nth-child(3) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-3;
  animation-duration: 36893ms;
  animation-delay: 28391ms;
}
@keyframes move-frames-3 {
  from {
    transform: translate3d(1vw, 106vh, 0);
  }
  to {
    transform: translate3d(24vw, -116vh, 0);
  }
}
.page .circle-container:nth-child(3) .circle {
  animation-delay: 665ms;
}
.page .circle-container:nth-child(4) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-4;
  animation-duration: 30775ms;
  animation-delay: 15053ms;
}
@keyframes move-frames-4 {
  from {
    transform: translate3d(6vw, 103vh, 0);
  }
  to {
    transform: translate3d(35vw, -105vh, 0);
  }
}
.page .circle-container:nth-child(4) .circle {
  animation-delay: 1604ms;
}
.page .circle-container:nth-child(5) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-5;
  animation-duration: 30186ms;
  animation-delay: 6628ms;
}
@keyframes move-frames-5 {
  from {
    transform: translate3d(55vw, 107vh, 0);
  }
  to {
    transform: translate3d(4vw, -127vh, 0);
  }
}
.page .circle-container:nth-child(5) .circle {
  animation-delay: 56ms;
}
.page .circle-container:nth-child(6) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-6;
  animation-duration: 36884ms;
  animation-delay: 9965ms;
}
@keyframes move-frames-6 {
  from {
    transform: translate3d(20vw, 104vh, 0);
  }
  to {
    transform: translate3d(49vw, -122vh, 0);
  }
}
.page .circle-container:nth-child(6) .circle {
  animation-delay: 1248ms;
}
.page .circle-container:nth-child(7) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-7;
  animation-duration: 28043ms;
  animation-delay: 18981ms;
}
@keyframes move-frames-7 {
  from {
    transform: translate3d(44vw, 106vh, 0);
  }
  to {
    transform: translate3d(27vw, -107vh, 0);
  }
}
.page .circle-container:nth-child(7) .circle {
  animation-delay: 3613ms;
}
.page .circle-container:nth-child(8) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-8;
  animation-duration: 29174ms;
  animation-delay: 29797ms;
}
@keyframes move-frames-8 {
  from {
    transform: translate3d(71vw, 110vh, 0);
  }
  to {
    transform: translate3d(45vw, -114vh, 0);
  }
}
.page .circle-container:nth-child(8) .circle {
  animation-delay: 2519ms;
}
.page .circle-container:nth-child(9) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-9;
  animation-duration: 28034ms;
  animation-delay: 14069ms;
}
@keyframes move-frames-9 {
  from {
    transform: translate3d(31vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -129vh, 0);
  }
}
.page .circle-container:nth-child(9) .circle {
  animation-delay: 3846ms;
}
.page .circle-container:nth-child(10) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-10;
  animation-duration: 36612ms;
  animation-delay: 728ms;
}
@keyframes move-frames-10 {
  from {
    transform: translate3d(26vw, 109vh, 0);
  }
  to {
    transform: translate3d(67vw, -128vh, 0);
  }
}
.page .circle-container:nth-child(10) .circle {
  animation-delay: 1905ms;
}
.page .circle-container:nth-child(11) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-11;
  animation-duration: 34683ms;
  animation-delay: 20209ms;
}
@keyframes move-frames-11 {
  from {
    transform: translate3d(16vw, 110vh, 0);
  }
  to {
    transform: translate3d(81vw, -114vh, 0);
  }
}
.page .circle-container:nth-child(11) .circle {
  animation-delay: 2017ms;
}
.page .circle-container:nth-child(12) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-12;
  animation-duration: 34583ms;
  animation-delay: 36610ms;
}
@keyframes move-frames-12 {
  from {
    transform: translate3d(6vw, 102vh, 0);
  }
  to {
    transform: translate3d(26vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(12) .circle {
  animation-delay: 3515ms;
}
.page .circle-container:nth-child(13) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-13;
  animation-duration: 29015ms;
  animation-delay: 1839ms;
}
@keyframes move-frames-13 {
  from {
    transform: translate3d(95vw, 107vh, 0);
  }
  to {
    transform: translate3d(24vw, -123vh, 0);
  }
}
.page .circle-container:nth-child(13) .circle {
  animation-delay: 3584ms;
}
.page .circle-container:nth-child(14) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-14;
  animation-duration: 36805ms;
  animation-delay: 12621ms;
}
@keyframes move-frames-14 {
  from {
    transform: translate3d(94vw, 108vh, 0);
  }
  to {
    transform: translate3d(13vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(14) .circle {
  animation-delay: 2932ms;
}
.page .circle-container:nth-child(15) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-15;
  animation-duration: 34274ms;
  animation-delay: 35033ms;
}
@keyframes move-frames-15 {
  from {
    transform: translate3d(60vw, 109vh, 0);
  }
  to {
    transform: translate3d(31vw, -134vh, 0);
  }
}
.page .circle-container:nth-child(15) .circle {
  animation-delay: 3066ms;
}
.page .circle-container:nth-child(16) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-16;
  animation-duration: 30443ms;
  animation-delay: 19988ms;
}
@keyframes move-frames-16 {
  from {
    transform: translate3d(92vw, 109vh, 0);
  }
  to {
    transform: translate3d(78vw, -118vh, 0);
  }
}
.page .circle-container:nth-child(16) .circle {
  animation-delay: 2769ms;
}
.page .circle-container:nth-child(17) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-17;
  animation-duration: 35930ms;
  animation-delay: 19309ms;
}
@keyframes move-frames-17 {
  from {
    transform: translate3d(3vw, 101vh, 0);
  }
  to {
    transform: translate3d(67vw, -104vh, 0);
  }
}
.page .circle-container:nth-child(17) .circle {
  animation-delay: 2159ms;
}
.page .circle-container:nth-child(18) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-18;
  animation-duration: 32183ms;
  animation-delay: 1949ms;
}
@keyframes move-frames-18 {
  from {
    transform: translate3d(93vw, 104vh, 0);
  }
  to {
    transform: translate3d(9vw, -134vh, 0);
  }
}
.page .circle-container:nth-child(18) .circle {
  animation-delay: 366ms;
}
.page .circle-container:nth-child(19) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-19;
  animation-duration: 36960ms;
  animation-delay: 25003ms;
}
@keyframes move-frames-19 {
  from {
    transform: translate3d(76vw, 106vh, 0);
  }
  to {
    transform: translate3d(25vw, -114vh, 0);
  }
}
.page .circle-container:nth-child(19) .circle {
  animation-delay: 3776ms;
}
.page .circle-container:nth-child(20) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-20;
  animation-duration: 28516ms;
  animation-delay: 32186ms;
}
@keyframes move-frames-20 {
  from {
    transform: translate3d(36vw, 107vh, 0);
  }
  to {
    transform: translate3d(7vw, -132vh, 0);
  }
}
.page .circle-container:nth-child(20) .circle {
  animation-delay: 1518ms;
}
.page .circle-container:nth-child(21) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-21;
  animation-duration: 32321ms;
  animation-delay: 31823ms;
}
@keyframes move-frames-21 {
  from {
    transform: translate3d(82vw, 109vh, 0);
  }
  to {
    transform: translate3d(85vw, -138vh, 0);
  }
}
.page .circle-container:nth-child(21) .circle {
  animation-delay: 3997ms;
}
.page .circle-container:nth-child(22) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-22;
  animation-duration: 29235ms;
  animation-delay: 20925ms;
}
@keyframes move-frames-22 {
  from {
    transform: translate3d(99vw, 103vh, 0);
  }
  to {
    transform: translate3d(21vw, -111vh, 0);
  }
}
.page .circle-container:nth-child(22) .circle {
  animation-delay: 165ms;
}
.page .circle-container:nth-child(23) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-23;
  animation-duration: 30641ms;
  animation-delay: 10146ms;
}
@keyframes move-frames-23 {
  from {
    transform: translate3d(49vw, 109vh, 0);
  }
  to {
    transform: translate3d(51vw, -121vh, 0);
  }
}
.page .circle-container:nth-child(23) .circle {
  animation-delay: 2276ms;
}
.page .circle-container:nth-child(24) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-24;
  animation-duration: 35529ms;
  animation-delay: 18974ms;
}
@keyframes move-frames-24 {
  from {
    transform: translate3d(75vw, 106vh, 0);
  }
  to {
    transform: translate3d(53vw, -126vh, 0);
  }
}
.page .circle-container:nth-child(24) .circle {
  animation-delay: 1836ms;
}
.page .circle-container:nth-child(25) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-25;
  animation-duration: 35088ms;
  animation-delay: 26430ms;
}
@keyframes move-frames-25 {
  from {
    transform: translate3d(78vw, 107vh, 0);
  }
  to {
    transform: translate3d(19vw, -132vh, 0);
  }
}
.page .circle-container:nth-child(25) .circle {
  animation-delay: 3671ms;
}
.page .circle-container:nth-child(26) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-26;
  animation-duration: 30179ms;
  animation-delay: 7212ms;
}
@keyframes move-frames-26 {
  from {
    transform: translate3d(62vw, 108vh, 0);
  }
  to {
    transform: translate3d(4vw, -137vh, 0);
  }
}
.page .circle-container:nth-child(26) .circle {
  animation-delay: 1047ms;
}
.page .circle-container:nth-child(27) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-27;
  animation-duration: 28743ms;
  animation-delay: 24229ms;
}
@keyframes move-frames-27 {
  from {
    transform: translate3d(30vw, 106vh, 0);
  }
  to {
    transform: translate3d(14vw, -134vh, 0);
  }
}
.page .circle-container:nth-child(27) .circle {
  animation-delay: 1578ms;
}
.page .circle-container:nth-child(28) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-28;
  animation-duration: 34391ms;
  animation-delay: 15472ms;
}
@keyframes move-frames-28 {
  from {
    transform: translate3d(14vw, 109vh, 0);
  }
  to {
    transform: translate3d(14vw, -118vh, 0);
  }
}
.page .circle-container:nth-child(28) .circle {
  animation-delay: 2606ms;
}
.page .circle-container:nth-child(29) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-29;
  animation-duration: 33805ms;
  animation-delay: 395ms;
}
@keyframes move-frames-29 {
  from {
    transform: translate3d(55vw, 109vh, 0);
  }
  to {
    transform: translate3d(21vw, -114vh, 0);
  }
}
.page .circle-container:nth-child(29) .circle {
  animation-delay: 1382ms;
}
.page .circle-container:nth-child(30) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-30;
  animation-duration: 30480ms;
  animation-delay: 4670ms;
}
@keyframes move-frames-30 {
  from {
    transform: translate3d(77vw, 104vh, 0);
  }
  to {
    transform: translate3d(70vw, -111vh, 0);
  }
}
.page .circle-container:nth-child(30) .circle {
  animation-delay: 1505ms;
}
.page .circle-container:nth-child(31) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-31;
  animation-duration: 35498ms;
  animation-delay: 19106ms;
}
@keyframes move-frames-31 {
  from {
    transform: translate3d(21vw, 108vh, 0);
  }
  to {
    transform: translate3d(7vw, -112vh, 0);
  }
}
.page .circle-container:nth-child(31) .circle {
  animation-delay: 2921ms;
}
.page .circle-container:nth-child(32) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-32;
  animation-duration: 32504ms;
  animation-delay: 36183ms;
}
@keyframes move-frames-32 {
  from {
    transform: translate3d(8vw, 103vh, 0);
  }
  to {
    transform: translate3d(12vw, -108vh, 0);
  }
}
.page .circle-container:nth-child(32) .circle {
  animation-delay: 417ms;
}
.page .circle-container:nth-child(33) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-33;
  animation-duration: 29388ms;
  animation-delay: 21160ms;
}
@keyframes move-frames-33 {
  from {
    transform: translate3d(47vw, 102vh, 0);
  }
  to {
    transform: translate3d(39vw, -116vh, 0);
  }
}
.page .circle-container:nth-child(33) .circle {
  animation-delay: 3209ms;
}
.page .circle-container:nth-child(34) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-34;
  animation-duration: 30675ms;
  animation-delay: 26947ms;
}
@keyframes move-frames-34 {
  from {
    transform: translate3d(99vw, 110vh, 0);
  }
  to {
    transform: translate3d(14vw, -136vh, 0);
  }
}
.page .circle-container:nth-child(34) .circle {
  animation-delay: 2869ms;
}
.page .circle-container:nth-child(35) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-35;
  animation-duration: 29905ms;
  animation-delay: 32250ms;
}
@keyframes move-frames-35 {
  from {
    transform: translate3d(93vw, 103vh, 0);
  }
  to {
    transform: translate3d(15vw, -122vh, 0);
  }
}
.page .circle-container:nth-child(35) .circle {
  animation-delay: 292ms;
}
.page .circle-container:nth-child(36) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-36;
  animation-duration: 36844ms;
  animation-delay: 3725ms;
}
@keyframes move-frames-36 {
  from {
    transform: translate3d(42vw, 103vh, 0);
  }
  to {
    transform: translate3d(47vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(36) .circle {
  animation-delay: 806ms;
}
.page .circle-container:nth-child(37) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-37;
  animation-duration: 32942ms;
  animation-delay: 30739ms;
}
@keyframes move-frames-37 {
  from {
    transform: translate3d(27vw, 110vh, 0);
  }
  to {
    transform: translate3d(51vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(37) .circle {
  animation-delay: 3507ms;
}
.page .circle-container:nth-child(38) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-38;
  animation-duration: 35737ms;
  animation-delay: 31614ms;
}
@keyframes move-frames-38 {
  from {
    transform: translate3d(42vw, 110vh, 0);
  }
  to {
    transform: translate3d(58vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(38) .circle {
  animation-delay: 1657ms;
}
.page .circle-container:nth-child(39) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-39;
  animation-duration: 34536ms;
  animation-delay: 31169ms;
}
@keyframes move-frames-39 {
  from {
    transform: translate3d(26vw, 105vh, 0);
  }
  to {
    transform: translate3d(9vw, -107vh, 0);
  }
}
.page .circle-container:nth-child(39) .circle {
  animation-delay: 2521ms;
}
.page .circle-container:nth-child(40) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-40;
  animation-duration: 34614ms;
  animation-delay: 35548ms;
}
@keyframes move-frames-40 {
  from {
    transform: translate3d(31vw, 110vh, 0);
  }
  to {
    transform: translate3d(42vw, -132vh, 0);
  }
}
.page .circle-container:nth-child(40) .circle {
  animation-delay: 2239ms;
}
.page .circle-container:nth-child(41) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-41;
  animation-duration: 33760ms;
  animation-delay: 35278ms;
}
@keyframes move-frames-41 {
  from {
    transform: translate3d(52vw, 105vh, 0);
  }
  to {
    transform: translate3d(52vw, -125vh, 0);
  }
}
.page .circle-container:nth-child(41) .circle {
  animation-delay: 3417ms;
}
.page .circle-container:nth-child(42) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-42;
  animation-duration: 28435ms;
  animation-delay: 22774ms;
}
@keyframes move-frames-42 {
  from {
    transform: translate3d(17vw, 105vh, 0);
  }
  to {
    transform: translate3d(94vw, -113vh, 0);
  }
}
.page .circle-container:nth-child(42) .circle {
  animation-delay: 399ms;
}
.page .circle-container:nth-child(43) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-43;
  animation-duration: 33231ms;
  animation-delay: 20048ms;
}
@keyframes move-frames-43 {
  from {
    transform: translate3d(52vw, 107vh, 0);
  }
  to {
    transform: translate3d(42vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(43) .circle {
  animation-delay: 649ms;
}
.page .circle-container:nth-child(44) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-44;
  animation-duration: 28314ms;
  animation-delay: 216ms;
}
@keyframes move-frames-44 {
  from {
    transform: translate3d(93vw, 105vh, 0);
  }
  to {
    transform: translate3d(70vw, -112vh, 0);
  }
}
.page .circle-container:nth-child(44) .circle {
  animation-delay: 1869ms;
}
.page .circle-container:nth-child(45) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-45;
  animation-duration: 30687ms;
  animation-delay: 20147ms;
}
@keyframes move-frames-45 {
  from {
    transform: translate3d(21vw, 101vh, 0);
  }
  to {
    transform: translate3d(64vw, -122vh, 0);
  }
}
.page .circle-container:nth-child(45) .circle {
  animation-delay: 2103ms;
}
.page .circle-container:nth-child(46) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-46;
  animation-duration: 28168ms;
  animation-delay: 17047ms;
}
@keyframes move-frames-46 {
  from {
    transform: translate3d(88vw, 101vh, 0);
  }
  to {
    transform: translate3d(26vw, -122vh, 0);
  }
}
.page .circle-container:nth-child(46) .circle {
  animation-delay: 2592ms;
}
.page .circle-container:nth-child(47) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-47;
  animation-duration: 30490ms;
  animation-delay: 3299ms;
}
@keyframes move-frames-47 {
  from {
    transform: translate3d(98vw, 108vh, 0);
  }
  to {
    transform: translate3d(82vw, -124vh, 0);
  }
}
.page .circle-container:nth-child(47) .circle {
  animation-delay: 2667ms;
}
.page .circle-container:nth-child(48) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-48;
  animation-duration: 30329ms;
  animation-delay: 2069ms;
}
@keyframes move-frames-48 {
  from {
    transform: translate3d(23vw, 102vh, 0);
  }
  to {
    transform: translate3d(87vw, -110vh, 0);
  }
}
.page .circle-container:nth-child(48) .circle {
  animation-delay: 3948ms;
}
.page .circle-container:nth-child(49) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-49;
  animation-duration: 33256ms;
  animation-delay: 28453ms;
}
@keyframes move-frames-49 {
  from {
    transform: translate3d(92vw, 104vh, 0);
  }
  to {
    transform: translate3d(85vw, -133vh, 0);
  }
}
.page .circle-container:nth-child(49) .circle {
  animation-delay: 3938ms;
}
.page .circle-container:nth-child(50) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-50;
  animation-duration: 35539ms;
  animation-delay: 26396ms;
}
@keyframes move-frames-50 {
  from {
    transform: translate3d(100vw, 104vh, 0);
  }
  to {
    transform: translate3d(59vw, -113vh, 0);
  }
}
.page .circle-container:nth-child(50) .circle {
  animation-delay: 1000ms;
}
.page .circle-container:nth-child(51) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-51;
  animation-duration: 31666ms;
  animation-delay: 10624ms;
}
@keyframes move-frames-51 {
  from {
    transform: translate3d(37vw, 104vh, 0);
  }
  to {
    transform: translate3d(10vw, -114vh, 0);
  }
}
.page .circle-container:nth-child(51) .circle {
  animation-delay: 1555ms;
}
.page .circle-container:nth-child(52) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-52;
  animation-duration: 34266ms;
  animation-delay: 25312ms;
}
@keyframes move-frames-52 {
  from {
    transform: translate3d(94vw, 110vh, 0);
  }
  to {
    transform: translate3d(32vw, -137vh, 0);
  }
}
.page .circle-container:nth-child(52) .circle {
  animation-delay: 2272ms;
}
.page .circle-container:nth-child(53) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-53;
  animation-duration: 33008ms;
  animation-delay: 19531ms;
}
@keyframes move-frames-53 {
  from {
    transform: translate3d(100vw, 105vh, 0);
  }
  to {
    transform: translate3d(95vw, -113vh, 0);
  }
}
.page .circle-container:nth-child(53) .circle {
  animation-delay: 1302ms;
}
.page .circle-container:nth-child(54) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-54;
  animation-duration: 34330ms;
  animation-delay: 31647ms;
}
@keyframes move-frames-54 {
  from {
    transform: translate3d(4vw, 103vh, 0);
  }
  to {
    transform: translate3d(83vw, -115vh, 0);
  }
}
.page .circle-container:nth-child(54) .circle {
  animation-delay: 446ms;
}
.page .circle-container:nth-child(55) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-55;
  animation-duration: 33021ms;
  animation-delay: 10298ms;
}
@keyframes move-frames-55 {
  from {
    transform: translate3d(23vw, 105vh, 0);
  }
  to {
    transform: translate3d(6vw, -108vh, 0);
  }
}
.page .circle-container:nth-child(55) .circle {
  animation-delay: 2969ms;
}
.page .circle-container:nth-child(56) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-56;
  animation-duration: 36117ms;
  animation-delay: 17625ms;
}
@keyframes move-frames-56 {
  from {
    transform: translate3d(54vw, 109vh, 0);
  }
  to {
    transform: translate3d(5vw, -114vh, 0);
  }
}
.page .circle-container:nth-child(56) .circle {
  animation-delay: 2233ms;
}
.page .circle-container:nth-child(57) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-57;
  animation-duration: 30896ms;
  animation-delay: 29481ms;
}
@keyframes move-frames-57 {
  from {
    transform: translate3d(48vw, 107vh, 0);
  }
  to {
    transform: translate3d(89vw, -124vh, 0);
  }
}
.page .circle-container:nth-child(57) .circle {
  animation-delay: 2512ms;
}
.page .circle-container:nth-child(58) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-58;
  animation-duration: 29923ms;
  animation-delay: 21708ms;
}
@keyframes move-frames-58 {
  from {
    transform: translate3d(13vw, 105vh, 0);
  }
  to {
    transform: translate3d(85vw, -108vh, 0);
  }
}
.page .circle-container:nth-child(58) .circle {
  animation-delay: 3605ms;
}
.page .circle-container:nth-child(59) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-59;
  animation-duration: 33134ms;
  animation-delay: 760ms;
}
@keyframes move-frames-59 {
  from {
    transform: translate3d(23vw, 109vh, 0);
  }
  to {
    transform: translate3d(58vw, -136vh, 0);
  }
}
.page .circle-container:nth-child(59) .circle {
  animation-delay: 2154ms;
}
.page .circle-container:nth-child(60) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-60;
  animation-duration: 31017ms;
  animation-delay: 21288ms;
}
@keyframes move-frames-60 {
  from {
    transform: translate3d(4vw, 103vh, 0);
  }
  to {
    transform: translate3d(22vw, -120vh, 0);
  }
}
.page .circle-container:nth-child(60) .circle {
  animation-delay: 83ms;
}
.page .circle-container:nth-child(61) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-61;
  animation-duration: 35942ms;
  animation-delay: 5018ms;
}
@keyframes move-frames-61 {
  from {
    transform: translate3d(73vw, 105vh, 0);
  }
  to {
    transform: translate3d(14vw, -119vh, 0);
  }
}
.page .circle-container:nth-child(61) .circle {
  animation-delay: 807ms;
}
.page .circle-container:nth-child(62) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-62;
  animation-duration: 32907ms;
  animation-delay: 33883ms;
}
@keyframes move-frames-62 {
  from {
    transform: translate3d(2vw, 109vh, 0);
  }
  to {
    transform: translate3d(68vw, -115vh, 0);
  }
}
.page .circle-container:nth-child(62) .circle {
  animation-delay: 2988ms;
}
.page .circle-container:nth-child(63) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-63;
  animation-duration: 33875ms;
  animation-delay: 19370ms;
}
@keyframes move-frames-63 {
  from {
    transform: translate3d(22vw, 108vh, 0);
  }
  to {
    transform: translate3d(83vw, -110vh, 0);
  }
}
.page .circle-container:nth-child(63) .circle {
  animation-delay: 1247ms;
}
.page .circle-container:nth-child(64) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-64;
  animation-duration: 31824ms;
  animation-delay: 20619ms;
}
@keyframes move-frames-64 {
  from {
    transform: translate3d(99vw, 107vh, 0);
  }
  to {
    transform: translate3d(26vw, -137vh, 0);
  }
}
.page .circle-container:nth-child(64) .circle {
  animation-delay: 3620ms;
}
.page .circle-container:nth-child(65) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-65;
  animation-duration: 29131ms;
  animation-delay: 6126ms;
}
@keyframes move-frames-65 {
  from {
    transform: translate3d(70vw, 110vh, 0);
  }
  to {
    transform: translate3d(73vw, -114vh, 0);
  }
}
.page .circle-container:nth-child(65) .circle {
  animation-delay: 2692ms;
}
.page .circle-container:nth-child(66) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-66;
  animation-duration: 36442ms;
  animation-delay: 5248ms;
}
@keyframes move-frames-66 {
  from {
    transform: translate3d(61vw, 108vh, 0);
  }
  to {
    transform: translate3d(65vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(66) .circle {
  animation-delay: 1014ms;
}
.page .circle-container:nth-child(67) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-67;
  animation-duration: 34277ms;
  animation-delay: 35640ms;
}
@keyframes move-frames-67 {
  from {
    transform: translate3d(44vw, 105vh, 0);
  }
  to {
    transform: translate3d(77vw, -107vh, 0);
  }
}
.page .circle-container:nth-child(67) .circle {
  animation-delay: 320ms;
}
.page .circle-container:nth-child(68) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-68;
  animation-duration: 29597ms;
  animation-delay: 28734ms;
}
@keyframes move-frames-68 {
  from {
    transform: translate3d(70vw, 107vh, 0);
  }
  to {
    transform: translate3d(13vw, -112vh, 0);
  }
}
.page .circle-container:nth-child(68) .circle {
  animation-delay: 2258ms;
}
.page .circle-container:nth-child(69) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-69;
  animation-duration: 32398ms;
  animation-delay: 2977ms;
}
@keyframes move-frames-69 {
  from {
    transform: translate3d(85vw, 108vh, 0);
  }
  to {
    transform: translate3d(13vw, -129vh, 0);
  }
}
.page .circle-container:nth-child(69) .circle {
  animation-delay: 1040ms;
}
.page .circle-container:nth-child(70) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-70;
  animation-duration: 35678ms;
  animation-delay: 33655ms;
}
@keyframes move-frames-70 {
  from {
    transform: translate3d(7vw, 109vh, 0);
  }
  to {
    transform: translate3d(68vw, -122vh, 0);
  }
}
.page .circle-container:nth-child(70) .circle {
  animation-delay: 493ms;
}
.page .circle-container:nth-child(71) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-71;
  animation-duration: 36259ms;
  animation-delay: 11369ms;
}
@keyframes move-frames-71 {
  from {
    transform: translate3d(29vw, 102vh, 0);
  }
  to {
    transform: translate3d(80vw, -125vh, 0);
  }
}
.page .circle-container:nth-child(71) .circle {
  animation-delay: 3675ms;
}
.page .circle-container:nth-child(72) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-72;
  animation-duration: 29605ms;
  animation-delay: 11580ms;
}
@keyframes move-frames-72 {
  from {
    transform: translate3d(41vw, 108vh, 0);
  }
  to {
    transform: translate3d(17vw, -121vh, 0);
  }
}
.page .circle-container:nth-child(72) .circle {
  animation-delay: 116ms;
}
.page .circle-container:nth-child(73) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-73;
  animation-duration: 32929ms;
  animation-delay: 30316ms;
}
@keyframes move-frames-73 {
  from {
    transform: translate3d(7vw, 101vh, 0);
  }
  to {
    transform: translate3d(57vw, -103vh, 0);
  }
}
.page .circle-container:nth-child(73) .circle {
  animation-delay: 1874ms;
}
.page .circle-container:nth-child(74) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-74;
  animation-duration: 28480ms;
  animation-delay: 31789ms;
}
@keyframes move-frames-74 {
  from {
    transform: translate3d(50vw, 108vh, 0);
  }
  to {
    transform: translate3d(18vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(74) .circle {
  animation-delay: 13ms;
}
.page .circle-container:nth-child(75) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-75;
  animation-duration: 29998ms;
  animation-delay: 1461ms;
}
@keyframes move-frames-75 {
  from {
    transform: translate3d(52vw, 106vh, 0);
  }
  to {
    transform: translate3d(95vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(75) .circle {
  animation-delay: 693ms;
}
.page .circle-container:nth-child(76) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-76;
  animation-duration: 33045ms;
  animation-delay: 28959ms;
}
@keyframes move-frames-76 {
  from {
    transform: translate3d(91vw, 107vh, 0);
  }
  to {
    transform: translate3d(80vw, -128vh, 0);
  }
}
.page .circle-container:nth-child(76) .circle {
  animation-delay: 3807ms;
}
.page .circle-container:nth-child(77) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-77;
  animation-duration: 35999ms;
  animation-delay: 15857ms;
}
@keyframes move-frames-77 {
  from {
    transform: translate3d(10vw, 101vh, 0);
  }
  to {
    transform: translate3d(85vw, -128vh, 0);
  }
}
.page .circle-container:nth-child(77) .circle {
  animation-delay: 3403ms;
}
.page .circle-container:nth-child(78) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-78;
  animation-duration: 35313ms;
  animation-delay: 13462ms;
}
@keyframes move-frames-78 {
  from {
    transform: translate3d(56vw, 104vh, 0);
  }
  to {
    transform: translate3d(96vw, -134vh, 0);
  }
}
.page .circle-container:nth-child(78) .circle {
  animation-delay: 3218ms;
}
.page .circle-container:nth-child(79) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-79;
  animation-duration: 31137ms;
  animation-delay: 22016ms;
}
@keyframes move-frames-79 {
  from {
    transform: translate3d(55vw, 103vh, 0);
  }
  to {
    transform: translate3d(72vw, -129vh, 0);
  }
}
.page .circle-container:nth-child(79) .circle {
  animation-delay: 2339ms;
}
.page .circle-container:nth-child(80) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-80;
  animation-duration: 33358ms;
  animation-delay: 33826ms;
}
@keyframes move-frames-80 {
  from {
    transform: translate3d(66vw, 110vh, 0);
  }
  to {
    transform: translate3d(8vw, -133vh, 0);
  }
}
.page .circle-container:nth-child(80) .circle {
  animation-delay: 809ms;
}
.page .circle-container:nth-child(81) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-81;
  animation-duration: 34307ms;
  animation-delay: 12486ms;
}
@keyframes move-frames-81 {
  from {
    transform: translate3d(36vw, 109vh, 0);
  }
  to {
    transform: translate3d(26vw, -110vh, 0);
  }
}
.page .circle-container:nth-child(81) .circle {
  animation-delay: 925ms;
}
.page .circle-container:nth-child(82) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-82;
  animation-duration: 34748ms;
  animation-delay: 24803ms;
}
@keyframes move-frames-82 {
  from {
    transform: translate3d(33vw, 101vh, 0);
  }
  to {
    transform: translate3d(28vw, -119vh, 0);
  }
}
.page .circle-container:nth-child(82) .circle {
  animation-delay: 1707ms;
}
.page .circle-container:nth-child(83) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-83;
  animation-duration: 35023ms;
  animation-delay: 29854ms;
}
@keyframes move-frames-83 {
  from {
    transform: translate3d(98vw, 109vh, 0);
  }
  to {
    transform: translate3d(66vw, -135vh, 0);
  }
}
.page .circle-container:nth-child(83) .circle {
  animation-delay: 2643ms;
}
.page .circle-container:nth-child(84) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-84;
  animation-duration: 30817ms;
  animation-delay: 36214ms;
}
@keyframes move-frames-84 {
  from {
    transform: translate3d(2vw, 102vh, 0);
  }
  to {
    transform: translate3d(60vw, -106vh, 0);
  }
}
.page .circle-container:nth-child(84) .circle {
  animation-delay: 63ms;
}
.page .circle-container:nth-child(85) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-85;
  animation-duration: 33347ms;
  animation-delay: 19723ms;
}
@keyframes move-frames-85 {
  from {
    transform: translate3d(8vw, 109vh, 0);
  }
  to {
    transform: translate3d(49vw, -127vh, 0);
  }
}
.page .circle-container:nth-child(85) .circle {
  animation-delay: 489ms;
}
.page .circle-container:nth-child(86) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-86;
  animation-duration: 30316ms;
  animation-delay: 3179ms;
}
@keyframes move-frames-86 {
  from {
    transform: translate3d(94vw, 103vh, 0);
  }
  to {
    transform: translate3d(52vw, -121vh, 0);
  }
}
.page .circle-container:nth-child(86) .circle {
  animation-delay: 867ms;
}
.page .circle-container:nth-child(87) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-87;
  animation-duration: 35675ms;
  animation-delay: 17321ms;
}
@keyframes move-frames-87 {
  from {
    transform: translate3d(27vw, 101vh, 0);
  }
  to {
    transform: translate3d(86vw, -111vh, 0);
  }
}
.page .circle-container:nth-child(87) .circle {
  animation-delay: 3592ms;
}
.page .circle-container:nth-child(88) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-88;
  animation-duration: 30226ms;
  animation-delay: 28749ms;
}
@keyframes move-frames-88 {
  from {
    transform: translate3d(66vw, 102vh, 0);
  }
  to {
    transform: translate3d(34vw, -111vh, 0);
  }
}
.page .circle-container:nth-child(88) .circle {
  animation-delay: 469ms;
}
.page .circle-container:nth-child(89) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-89;
  animation-duration: 29909ms;
  animation-delay: 10398ms;
}
@keyframes move-frames-89 {
  from {
    transform: translate3d(14vw, 103vh, 0);
  }
  to {
    transform: translate3d(12vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(89) .circle {
  animation-delay: 2628ms;
}
.page .circle-container:nth-child(90) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-90;
  animation-duration: 33739ms;
  animation-delay: 16987ms;
}
@keyframes move-frames-90 {
  from {
    transform: translate3d(88vw, 106vh, 0);
  }
  to {
    transform: translate3d(59vw, -108vh, 0);
  }
}
.page .circle-container:nth-child(90) .circle {
  animation-delay: 2404ms;
}
.page .circle-container:nth-child(91) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-91;
  animation-duration: 36427ms;
  animation-delay: 22005ms;
}
@keyframes move-frames-91 {
  from {
    transform: translate3d(1vw, 101vh, 0);
  }
  to {
    transform: translate3d(27vw, -107vh, 0);
  }
}
.page .circle-container:nth-child(91) .circle {
  animation-delay: 714ms;
}
.page .circle-container:nth-child(92) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-92;
  animation-duration: 28223ms;
  animation-delay: 20865ms;
}
@keyframes move-frames-92 {
  from {
    transform: translate3d(51vw, 110vh, 0);
  }
  to {
    transform: translate3d(89vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(92) .circle {
  animation-delay: 3740ms;
}
.page .circle-container:nth-child(93) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-93;
  animation-duration: 34086ms;
  animation-delay: 9576ms;
}
@keyframes move-frames-93 {
  from {
    transform: translate3d(12vw, 107vh, 0);
  }
  to {
    transform: translate3d(74vw, -132vh, 0);
  }
}
.page .circle-container:nth-child(93) .circle {
  animation-delay: 3334ms;
}
.page .circle-container:nth-child(94) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-94;
  animation-duration: 29160ms;
  animation-delay: 26619ms;
}
@keyframes move-frames-94 {
  from {
    transform: translate3d(56vw, 109vh, 0);
  }
  to {
    transform: translate3d(7vw, -121vh, 0);
  }
}
.page .circle-container:nth-child(94) .circle {
  animation-delay: 1812ms;
}
.page .circle-container:nth-child(95) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-95;
  animation-duration: 28752ms;
  animation-delay: 438ms;
}
@keyframes move-frames-95 {
  from {
    transform: translate3d(13vw, 108vh, 0);
  }
  to {
    transform: translate3d(96vw, -123vh, 0);
  }
}
.page .circle-container:nth-child(95) .circle {
  animation-delay: 3013ms;
}
.page .circle-container:nth-child(96) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-96;
  animation-duration: 28877ms;
  animation-delay: 9297ms;
}
@keyframes move-frames-96 {
  from {
    transform: translate3d(65vw, 105vh, 0);
  }
  to {
    transform: translate3d(28vw, -108vh, 0);
  }
}
.page .circle-container:nth-child(96) .circle {
  animation-delay: 3980ms;
}
.page .circle-container:nth-child(97) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-97;
  animation-duration: 30370ms;
  animation-delay: 36016ms;
}
@keyframes move-frames-97 {
  from {
    transform: translate3d(37vw, 108vh, 0);
  }
  to {
    transform: translate3d(36vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(97) .circle {
  animation-delay: 103ms;
}
.page .circle-container:nth-child(98) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-98;
  animation-duration: 29047ms;
  animation-delay: 4118ms;
}
@keyframes move-frames-98 {
  from {
    transform: translate3d(84vw, 110vh, 0);
  }
  to {
    transform: translate3d(96vw, -123vh, 0);
  }
}
.page .circle-container:nth-child(98) .circle {
  animation-delay: 1603ms;
}
.page .circle-container:nth-child(99) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-99;
  animation-duration: 30639ms;
  animation-delay: 32262ms;
}
@keyframes move-frames-99 {
  from {
    transform: translate3d(92vw, 101vh, 0);
  }
  to {
    transform: translate3d(42vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(99) .circle {
  animation-delay: 2723ms;
}
.page .circle-container:nth-child(100) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-100;
  animation-duration: 29582ms;
  animation-delay: 4225ms;
}
@keyframes move-frames-100 {
  from {
    transform: translate3d(100vw, 101vh, 0);
  }
  to {
    transform: translate3d(20vw, -120vh, 0);
  }
}
.page .circle-container:nth-child(100) .circle {
  animation-delay: 752ms;
}
.page .circle-container:nth-child(101) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-101;
  animation-duration: 33672ms;
  animation-delay: 27592ms;
}
@keyframes move-frames-101 {
  from {
    transform: translate3d(71vw, 105vh, 0);
  }
  to {
    transform: translate3d(92vw, -135vh, 0);
  }
}
.page .circle-container:nth-child(101) .circle {
  animation-delay: 2222ms;
}
.page .circle-container:nth-child(102) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-102;
  animation-duration: 34008ms;
  animation-delay: 22040ms;
}
@keyframes move-frames-102 {
  from {
    transform: translate3d(40vw, 107vh, 0);
  }
  to {
    transform: translate3d(41vw, -117vh, 0);
  }
}
.page .circle-container:nth-child(102) .circle {
  animation-delay: 2130ms;
}
.page .circle-container:nth-child(103) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-103;
  animation-duration: 29547ms;
  animation-delay: 33721ms;
}
@keyframes move-frames-103 {
  from {
    transform: translate3d(93vw, 102vh, 0);
  }
  to {
    transform: translate3d(35vw, -104vh, 0);
  }
}
.page .circle-container:nth-child(103) .circle {
  animation-delay: 980ms;
}
.page .circle-container:nth-child(104) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-104;
  animation-duration: 32008ms;
  animation-delay: 24011ms;
}
@keyframes move-frames-104 {
  from {
    transform: translate3d(38vw, 104vh, 0);
  }
  to {
    transform: translate3d(4vw, -107vh, 0);
  }
}
.page .circle-container:nth-child(104) .circle {
  animation-delay: 14ms;
}
.page .circle-container:nth-child(105) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-105;
  animation-duration: 34667ms;
  animation-delay: 19827ms;
}
@keyframes move-frames-105 {
  from {
    transform: translate3d(44vw, 101vh, 0);
  }
  to {
    transform: translate3d(8vw, -120vh, 0);
  }
}
.page .circle-container:nth-child(105) .circle {
  animation-delay: 2725ms;
}
.page .circle-container:nth-child(106) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-106;
  animation-duration: 34620ms;
  animation-delay: 17403ms;
}
@keyframes move-frames-106 {
  from {
    transform: translate3d(92vw, 102vh, 0);
  }
  to {
    transform: translate3d(37vw, -103vh, 0);
  }
}
.page .circle-container:nth-child(106) .circle {
  animation-delay: 1173ms;
}
.page .circle-container:nth-child(107) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-107;
  animation-duration: 30037ms;
  animation-delay: 18821ms;
}
@keyframes move-frames-107 {
  from {
    transform: translate3d(18vw, 106vh, 0);
  }
  to {
    transform: translate3d(30vw, -112vh, 0);
  }
}
.page .circle-container:nth-child(107) .circle {
  animation-delay: 3493ms;
}
.page .circle-container:nth-child(108) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-108;
  animation-duration: 30231ms;
  animation-delay: 24247ms;
}
@keyframes move-frames-108 {
  from {
    transform: translate3d(77vw, 104vh, 0);
  }
  to {
    transform: translate3d(63vw, -107vh, 0);
  }
}
.page .circle-container:nth-child(108) .circle {
  animation-delay: 3477ms;
}
.page .circle-container:nth-child(109) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-109;
  animation-duration: 33864ms;
  animation-delay: 12670ms;
}
@keyframes move-frames-109 {
  from {
    transform: translate3d(39vw, 109vh, 0);
  }
  to {
    transform: translate3d(94vw, -115vh, 0);
  }
}
.page .circle-container:nth-child(109) .circle {
  animation-delay: 1828ms;
}
.page .circle-container:nth-child(110) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-110;
  animation-duration: 31057ms;
  animation-delay: 28432ms;
}
@keyframes move-frames-110 {
  from {
    transform: translate3d(77vw, 106vh, 0);
  }
  to {
    transform: translate3d(61vw, -115vh, 0);
  }
}
.page .circle-container:nth-child(110) .circle {
  animation-delay: 3681ms;
}
.page .circle-container:nth-child(111) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-111;
  animation-duration: 31506ms;
  animation-delay: 36956ms;
}
@keyframes move-frames-111 {
  from {
    transform: translate3d(84vw, 109vh, 0);
  }
  to {
    transform: translate3d(67vw, -127vh, 0);
  }
}
.page .circle-container:nth-child(111) .circle {
  animation-delay: 3411ms;
}
.page .circle-container:nth-child(112) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-112;
  animation-duration: 34844ms;
  animation-delay: 5103ms;
}
@keyframes move-frames-112 {
  from {
    transform: translate3d(46vw, 102vh, 0);
  }
  to {
    transform: translate3d(5vw, -104vh, 0);
  }
}
.page .circle-container:nth-child(112) .circle {
  animation-delay: 1114ms;
}
.page .circle-container:nth-child(113) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-113;
  animation-duration: 36532ms;
  animation-delay: 32723ms;
}
@keyframes move-frames-113 {
  from {
    transform: translate3d(12vw, 102vh, 0);
  }
  to {
    transform: translate3d(86vw, -105vh, 0);
  }
}
.page .circle-container:nth-child(113) .circle {
  animation-delay: 325ms;
}
.page .circle-container:nth-child(114) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-114;
  animation-duration: 36517ms;
  animation-delay: 161ms;
}
@keyframes move-frames-114 {
  from {
    transform: translate3d(72vw, 105vh, 0);
  }
  to {
    transform: translate3d(6vw, -128vh, 0);
  }
}
.page .circle-container:nth-child(114) .circle {
  animation-delay: 1448ms;
}
.page .circle-container:nth-child(115) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-115;
  animation-duration: 29937ms;
  animation-delay: 13078ms;
}
@keyframes move-frames-115 {
  from {
    transform: translate3d(2vw, 101vh, 0);
  }
  to {
    transform: translate3d(50vw, -121vh, 0);
  }
}
.page .circle-container:nth-child(115) .circle {
  animation-delay: 1189ms;
}
.page .circle-container:nth-child(116) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-116;
  animation-duration: 36041ms;
  animation-delay: 16317ms;
}
@keyframes move-frames-116 {
  from {
    transform: translate3d(71vw, 109vh, 0);
  }
  to {
    transform: translate3d(30vw, -127vh, 0);
  }
}
.page .circle-container:nth-child(116) .circle {
  animation-delay: 2483ms;
}
.page .circle-container:nth-child(117) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-117;
  animation-duration: 29838ms;
  animation-delay: 26072ms;
}
@keyframes move-frames-117 {
  from {
    transform: translate3d(87vw, 106vh, 0);
  }
  to {
    transform: translate3d(89vw, -107vh, 0);
  }
}
.page .circle-container:nth-child(117) .circle {
  animation-delay: 119ms;
}
.page .circle-container:nth-child(118) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-118;
  animation-duration: 29124ms;
  animation-delay: 15713ms;
}
@keyframes move-frames-118 {
  from {
    transform: translate3d(71vw, 109vh, 0);
  }
  to {
    transform: translate3d(25vw, -117vh, 0);
  }
}
.page .circle-container:nth-child(118) .circle {
  animation-delay: 1658ms;
}
.page .circle-container:nth-child(119) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-119;
  animation-duration: 30079ms;
  animation-delay: 9384ms;
}
@keyframes move-frames-119 {
  from {
    transform: translate3d(41vw, 105vh, 0);
  }
  to {
    transform: translate3d(77vw, -126vh, 0);
  }
}
.page .circle-container:nth-child(119) .circle {
  animation-delay: 502ms;
}
.page .circle-container:nth-child(120) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-120;
  animation-duration: 35346ms;
  animation-delay: 32961ms;
}
@keyframes move-frames-120 {
  from {
    transform: translate3d(50vw, 102vh, 0);
  }
  to {
    transform: translate3d(63vw, -108vh, 0);
  }
}
.page .circle-container:nth-child(120) .circle {
  animation-delay: 1930ms;
}
.page .circle-container:nth-child(121) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-121;
  animation-duration: 28738ms;
  animation-delay: 24167ms;
}
@keyframes move-frames-121 {
  from {
    transform: translate3d(88vw, 108vh, 0);
  }
  to {
    transform: translate3d(40vw, -118vh, 0);
  }
}
.page .circle-container:nth-child(121) .circle {
  animation-delay: 3233ms;
}
.page .circle-container:nth-child(122) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-122;
  animation-duration: 29209ms;
  animation-delay: 31688ms;
}
@keyframes move-frames-122 {
  from {
    transform: translate3d(27vw, 109vh, 0);
  }
  to {
    transform: translate3d(2vw, -120vh, 0);
  }
}
.page .circle-container:nth-child(122) .circle {
  animation-delay: 824ms;
}
.page .circle-container:nth-child(123) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-123;
  animation-duration: 31617ms;
  animation-delay: 35241ms;
}
@keyframes move-frames-123 {
  from {
    transform: translate3d(97vw, 106vh, 0);
  }
  to {
    transform: translate3d(79vw, -121vh, 0);
  }
}
.page .circle-container:nth-child(123) .circle {
  animation-delay: 1921ms;
}
.page .circle-container:nth-child(124) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-124;
  animation-duration: 30859ms;
  animation-delay: 28125ms;
}
@keyframes move-frames-124 {
  from {
    transform: translate3d(61vw, 103vh, 0);
  }
  to {
    transform: translate3d(22vw, -120vh, 0);
  }
}
.page .circle-container:nth-child(124) .circle {
  animation-delay: 1140ms;
}
.page .circle-container:nth-child(125) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-125;
  animation-duration: 30364ms;
  animation-delay: 7188ms;
}
@keyframes move-frames-125 {
  from {
    transform: translate3d(6vw, 105vh, 0);
  }
  to {
    transform: translate3d(59vw, -124vh, 0);
  }
}
.page .circle-container:nth-child(125) .circle {
  animation-delay: 2332ms;
}
.page .circle-container:nth-child(126) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-126;
  animation-duration: 33131ms;
  animation-delay: 35863ms;
}
@keyframes move-frames-126 {
  from {
    transform: translate3d(64vw, 108vh, 0);
  }
  to {
    transform: translate3d(98vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(126) .circle {
  animation-delay: 2842ms;
}
.page .circle-container:nth-child(127) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-127;
  animation-duration: 32507ms;
  animation-delay: 23013ms;
}
@keyframes move-frames-127 {
  from {
    transform: translate3d(67vw, 109vh, 0);
  }
  to {
    transform: translate3d(48vw, -113vh, 0);
  }
}
.page .circle-container:nth-child(127) .circle {
  animation-delay: 2897ms;
}
.page .circle-container:nth-child(128) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-128;
  animation-duration: 36331ms;
  animation-delay: 4586ms;
}
@keyframes move-frames-128 {
  from {
    transform: translate3d(76vw, 104vh, 0);
  }
  to {
    transform: translate3d(28vw, -121vh, 0);
  }
}
.page .circle-container:nth-child(128) .circle {
  animation-delay: 1362ms;
}
.page .circle-container:nth-child(129) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-129;
  animation-duration: 31475ms;
  animation-delay: 32443ms;
}
@keyframes move-frames-129 {
  from {
    transform: translate3d(86vw, 104vh, 0);
  }
  to {
    transform: translate3d(15vw, -133vh, 0);
  }
}
.page .circle-container:nth-child(129) .circle {
  animation-delay: 3675ms;
}
.page .circle-container:nth-child(130) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-130;
  animation-duration: 35994ms;
  animation-delay: 10193ms;
}
@keyframes move-frames-130 {
  from {
    transform: translate3d(87vw, 106vh, 0);
  }
  to {
    transform: translate3d(9vw, -124vh, 0);
  }
}
.page .circle-container:nth-child(130) .circle {
  animation-delay: 2011ms;
}
.page .circle-container:nth-child(131) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-131;
  animation-duration: 35746ms;
  animation-delay: 28739ms;
}
@keyframes move-frames-131 {
  from {
    transform: translate3d(97vw, 105vh, 0);
  }
  to {
    transform: translate3d(17vw, -132vh, 0);
  }
}
.page .circle-container:nth-child(131) .circle {
  animation-delay: 3790ms;
}
.page .circle-container:nth-child(132) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-132;
  animation-duration: 30021ms;
  animation-delay: 1969ms;
}
@keyframes move-frames-132 {
  from {
    transform: translate3d(3vw, 110vh, 0);
  }
  to {
    transform: translate3d(70vw, -120vh, 0);
  }
}
.page .circle-container:nth-child(132) .circle {
  animation-delay: 1073ms;
}
.page .circle-container:nth-child(133) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-133;
  animation-duration: 33976ms;
  animation-delay: 33559ms;
}
@keyframes move-frames-133 {
  from {
    transform: translate3d(99vw, 103vh, 0);
  }
  to {
    transform: translate3d(63vw, -119vh, 0);
  }
}
.page .circle-container:nth-child(133) .circle {
  animation-delay: 1746ms;
}
.page .circle-container:nth-child(134) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-134;
  animation-duration: 34393ms;
  animation-delay: 9352ms;
}
@keyframes move-frames-134 {
  from {
    transform: translate3d(9vw, 108vh, 0);
  }
  to {
    transform: translate3d(29vw, -137vh, 0);
  }
}
.page .circle-container:nth-child(134) .circle {
  animation-delay: 2105ms;
}
.page .circle-container:nth-child(135) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-135;
  animation-duration: 30321ms;
  animation-delay: 11566ms;
}
@keyframes move-frames-135 {
  from {
    transform: translate3d(11vw, 106vh, 0);
  }
  to {
    transform: translate3d(6vw, -111vh, 0);
  }
}
.page .circle-container:nth-child(135) .circle {
  animation-delay: 3691ms;
}
.page .circle-container:nth-child(136) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-136;
  animation-duration: 31409ms;
  animation-delay: 1176ms;
}
@keyframes move-frames-136 {
  from {
    transform: translate3d(72vw, 105vh, 0);
  }
  to {
    transform: translate3d(77vw, -129vh, 0);
  }
}
.page .circle-container:nth-child(136) .circle {
  animation-delay: 376ms;
}
.page .circle-container:nth-child(137) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-137;
  animation-duration: 32432ms;
  animation-delay: 11806ms;
}
@keyframes move-frames-137 {
  from {
    transform: translate3d(8vw, 102vh, 0);
  }
  to {
    transform: translate3d(97vw, -118vh, 0);
  }
}
.page .circle-container:nth-child(137) .circle {
  animation-delay: 11ms;
}
.page .circle-container:nth-child(138) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-138;
  animation-duration: 35915ms;
  animation-delay: 30436ms;
}
@keyframes move-frames-138 {
  from {
    transform: translate3d(74vw, 103vh, 0);
  }
  to {
    transform: translate3d(99vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(138) .circle {
  animation-delay: 441ms;
}
.page .circle-container:nth-child(139) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-139;
  animation-duration: 36045ms;
  animation-delay: 24231ms;
}
@keyframes move-frames-139 {
  from {
    transform: translate3d(30vw, 105vh, 0);
  }
  to {
    transform: translate3d(55vw, -126vh, 0);
  }
}
.page .circle-container:nth-child(139) .circle {
  animation-delay: 3970ms;
}
.page .circle-container:nth-child(140) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-140;
  animation-duration: 35350ms;
  animation-delay: 13017ms;
}
@keyframes move-frames-140 {
  from {
    transform: translate3d(65vw, 105vh, 0);
  }
  to {
    transform: translate3d(71vw, -134vh, 0);
  }
}
.page .circle-container:nth-child(140) .circle {
  animation-delay: 3842ms;
}
.page .circle-container:nth-child(141) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-141;
  animation-duration: 33958ms;
  animation-delay: 8068ms;
}
@keyframes move-frames-141 {
  from {
    transform: translate3d(24vw, 105vh, 0);
  }
  to {
    transform: translate3d(80vw, -119vh, 0);
  }
}
.page .circle-container:nth-child(141) .circle {
  animation-delay: 2431ms;
}
.page .circle-container:nth-child(142) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-142;
  animation-duration: 31700ms;
  animation-delay: 25364ms;
}
@keyframes move-frames-142 {
  from {
    transform: translate3d(31vw, 104vh, 0);
  }
  to {
    transform: translate3d(79vw, -127vh, 0);
  }
}
.page .circle-container:nth-child(142) .circle {
  animation-delay: 3305ms;
}
.page .circle-container:nth-child(143) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-143;
  animation-duration: 30604ms;
  animation-delay: 21543ms;
}
@keyframes move-frames-143 {
  from {
    transform: translate3d(69vw, 106vh, 0);
  }
  to {
    transform: translate3d(59vw, -133vh, 0);
  }
}
.page .circle-container:nth-child(143) .circle {
  animation-delay: 671ms;
}
.page .circle-container:nth-child(144) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-144;
  animation-duration: 30441ms;
  animation-delay: 26045ms;
}
@keyframes move-frames-144 {
  from {
    transform: translate3d(48vw, 106vh, 0);
  }
  to {
    transform: translate3d(24vw, -136vh, 0);
  }
}
.page .circle-container:nth-child(144) .circle {
  animation-delay: 3716ms;
}
.page .circle-container:nth-child(145) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-145;
  animation-duration: 28055ms;
  animation-delay: 15798ms;
}
@keyframes move-frames-145 {
  from {
    transform: translate3d(53vw, 103vh, 0);
  }
  to {
    transform: translate3d(69vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(145) .circle {
  animation-delay: 1543ms;
}
.page .circle-container:nth-child(146) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-146;
  animation-duration: 28307ms;
  animation-delay: 7320ms;
}
@keyframes move-frames-146 {
  from {
    transform: translate3d(48vw, 107vh, 0);
  }
  to {
    transform: translate3d(28vw, -137vh, 0);
  }
}
.page .circle-container:nth-child(146) .circle {
  animation-delay: 1078ms;
}
.page .circle-container:nth-child(147) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-147;
  animation-duration: 34952ms;
  animation-delay: 22940ms;
}
@keyframes move-frames-147 {
  from {
    transform: translate3d(9vw, 109vh, 0);
  }
  to {
    transform: translate3d(80vw, -119vh, 0);
  }
}
.page .circle-container:nth-child(147) .circle {
  animation-delay: 2497ms;
}
.page .circle-container:nth-child(148) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-148;
  animation-duration: 29503ms;
  animation-delay: 9022ms;
}
@keyframes move-frames-148 {
  from {
    transform: translate3d(99vw, 103vh, 0);
  }
  to {
    transform: translate3d(75vw, -128vh, 0);
  }
}
.page .circle-container:nth-child(148) .circle {
  animation-delay: 2115ms;
}
.page .circle-container:nth-child(149) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-149;
  animation-duration: 33027ms;
  animation-delay: 23705ms;
}
@keyframes move-frames-149 {
  from {
    transform: translate3d(42vw, 103vh, 0);
  }
  to {
    transform: translate3d(8vw, -126vh, 0);
  }
}
.page .circle-container:nth-child(149) .circle {
  animation-delay: 3539ms;
}
.page .circle-container:nth-child(150) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-150;
  animation-duration: 34183ms;
  animation-delay: 33726ms;
}
@keyframes move-frames-150 {
  from {
    transform: translate3d(100vw, 110vh, 0);
  }
  to {
    transform: translate3d(87vw, -136vh, 0);
  }
}
.page .circle-container:nth-child(150) .circle {
  animation-delay: 1445ms;
}
.page .circle-container:nth-child(151) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-151;
  animation-duration: 33198ms;
  animation-delay: 30150ms;
}
@keyframes move-frames-151 {
  from {
    transform: translate3d(72vw, 104vh, 0);
  }
  to {
    transform: translate3d(67vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(151) .circle {
  animation-delay: 3903ms;
}
.page .circle-container:nth-child(152) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-152;
  animation-duration: 36253ms;
  animation-delay: 16851ms;
}
@keyframes move-frames-152 {
  from {
    transform: translate3d(8vw, 105vh, 0);
  }
  to {
    transform: translate3d(74vw, -110vh, 0);
  }
}
.page .circle-container:nth-child(152) .circle {
  animation-delay: 2635ms;
}
.page .circle-container:nth-child(153) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-153;
  animation-duration: 36542ms;
  animation-delay: 11864ms;
}
@keyframes move-frames-153 {
  from {
    transform: translate3d(47vw, 105vh, 0);
  }
  to {
    transform: translate3d(45vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(153) .circle {
  animation-delay: 3742ms;
}
.page .circle-container:nth-child(154) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-154;
  animation-duration: 36774ms;
  animation-delay: 36833ms;
}
@keyframes move-frames-154 {
  from {
    transform: translate3d(90vw, 110vh, 0);
  }
  to {
    transform: translate3d(8vw, -113vh, 0);
  }
}
.page .circle-container:nth-child(154) .circle {
  animation-delay: 2560ms;
}
.page .circle-container:nth-child(155) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-155;
  animation-duration: 28828ms;
  animation-delay: 26844ms;
}
@keyframes move-frames-155 {
  from {
    transform: translate3d(79vw, 104vh, 0);
  }
  to {
    transform: translate3d(7vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(155) .circle {
  animation-delay: 1684ms;
}
.page .circle-container:nth-child(156) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-156;
  animation-duration: 33395ms;
  animation-delay: 3603ms;
}
@keyframes move-frames-156 {
  from {
    transform: translate3d(48vw, 108vh, 0);
  }
  to {
    transform: translate3d(28vw, -122vh, 0);
  }
}
.page .circle-container:nth-child(156) .circle {
  animation-delay: 2477ms;
}
.page .circle-container:nth-child(157) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-157;
  animation-duration: 33025ms;
  animation-delay: 36427ms;
}
@keyframes move-frames-157 {
  from {
    transform: translate3d(25vw, 109vh, 0);
  }
  to {
    transform: translate3d(66vw, -117vh, 0);
  }
}
.page .circle-container:nth-child(157) .circle {
  animation-delay: 257ms;
}
.page .circle-container:nth-child(158) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-158;
  animation-duration: 32997ms;
  animation-delay: 7480ms;
}
@keyframes move-frames-158 {
  from {
    transform: translate3d(41vw, 105vh, 0);
  }
  to {
    transform: translate3d(83vw, -126vh, 0);
  }
}
.page .circle-container:nth-child(158) .circle {
  animation-delay: 2813ms;
}
.page .circle-container:nth-child(159) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-159;
  animation-duration: 28666ms;
  animation-delay: 29611ms;
}
@keyframes move-frames-159 {
  from {
    transform: translate3d(99vw, 101vh, 0);
  }
  to {
    transform: translate3d(77vw, -117vh, 0);
  }
}
.page .circle-container:nth-child(159) .circle {
  animation-delay: 565ms;
}
.page .circle-container:nth-child(160) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-160;
  animation-duration: 31863ms;
  animation-delay: 21190ms;
}
@keyframes move-frames-160 {
  from {
    transform: translate3d(31vw, 104vh, 0);
  }
  to {
    transform: translate3d(38vw, -126vh, 0);
  }
}
.page .circle-container:nth-child(160) .circle {
  animation-delay: 355ms;
}
.page .circle-container:nth-child(161) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-161;
  animation-duration: 35470ms;
  animation-delay: 32285ms;
}
@keyframes move-frames-161 {
  from {
    transform: translate3d(50vw, 105vh, 0);
  }
  to {
    transform: translate3d(85vw, -118vh, 0);
  }
}
.page .circle-container:nth-child(161) .circle {
  animation-delay: 384ms;
}
.page .circle-container:nth-child(162) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-162;
  animation-duration: 33405ms;
  animation-delay: 26439ms;
}
@keyframes move-frames-162 {
  from {
    transform: translate3d(46vw, 107vh, 0);
  }
  to {
    transform: translate3d(83vw, -110vh, 0);
  }
}
.page .circle-container:nth-child(162) .circle {
  animation-delay: 2184ms;
}
.page .circle-container:nth-child(163) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-163;
  animation-duration: 35645ms;
  animation-delay: 13027ms;
}
@keyframes move-frames-163 {
  from {
    transform: translate3d(1vw, 107vh, 0);
  }
  to {
    transform: translate3d(21vw, -115vh, 0);
  }
}
.page .circle-container:nth-child(163) .circle {
  animation-delay: 2348ms;
}
.page .circle-container:nth-child(164) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-164;
  animation-duration: 28964ms;
  animation-delay: 11595ms;
}
@keyframes move-frames-164 {
  from {
    transform: translate3d(86vw, 101vh, 0);
  }
  to {
    transform: translate3d(41vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(164) .circle {
  animation-delay: 1217ms;
}
.page .circle-container:nth-child(165) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-165;
  animation-duration: 29878ms;
  animation-delay: 15073ms;
}
@keyframes move-frames-165 {
  from {
    transform: translate3d(75vw, 104vh, 0);
  }
  to {
    transform: translate3d(12vw, -119vh, 0);
  }
}
.page .circle-container:nth-child(165) .circle {
  animation-delay: 2896ms;
}
.page .circle-container:nth-child(166) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-166;
  animation-duration: 31853ms;
  animation-delay: 29596ms;
}
@keyframes move-frames-166 {
  from {
    transform: translate3d(58vw, 103vh, 0);
  }
  to {
    transform: translate3d(19vw, -113vh, 0);
  }
}
.page .circle-container:nth-child(166) .circle {
  animation-delay: 2638ms;
}
.page .circle-container:nth-child(167) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-167;
  animation-duration: 34965ms;
  animation-delay: 18458ms;
}
@keyframes move-frames-167 {
  from {
    transform: translate3d(33vw, 109vh, 0);
  }
  to {
    transform: translate3d(17vw, -115vh, 0);
  }
}
.page .circle-container:nth-child(167) .circle {
  animation-delay: 2494ms;
}
.page .circle-container:nth-child(168) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-168;
  animation-duration: 28624ms;
  animation-delay: 14417ms;
}
@keyframes move-frames-168 {
  from {
    transform: translate3d(46vw, 101vh, 0);
  }
  to {
    transform: translate3d(22vw, -113vh, 0);
  }
}
.page .circle-container:nth-child(168) .circle {
  animation-delay: 778ms;
}
.page .circle-container:nth-child(169) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-169;
  animation-duration: 30825ms;
  animation-delay: 33124ms;
}
@keyframes move-frames-169 {
  from {
    transform: translate3d(95vw, 103vh, 0);
  }
  to {
    transform: translate3d(19vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(169) .circle {
  animation-delay: 1911ms;
}
.page .circle-container:nth-child(170) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-170;
  animation-duration: 29997ms;
  animation-delay: 9783ms;
}
@keyframes move-frames-170 {
  from {
    transform: translate3d(48vw, 109vh, 0);
  }
  to {
    transform: translate3d(39vw, -117vh, 0);
  }
}
.page .circle-container:nth-child(170) .circle {
  animation-delay: 2209ms;
}
.page .circle-container:nth-child(171) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-171;
  animation-duration: 34648ms;
  animation-delay: 14208ms;
}
@keyframes move-frames-171 {
  from {
    transform: translate3d(49vw, 102vh, 0);
  }
  to {
    transform: translate3d(12vw, -105vh, 0);
  }
}
.page .circle-container:nth-child(171) .circle {
  animation-delay: 256ms;
}
.page .circle-container:nth-child(172) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-172;
  animation-duration: 34060ms;
  animation-delay: 28970ms;
}
@keyframes move-frames-172 {
  from {
    transform: translate3d(37vw, 108vh, 0);
  }
  to {
    transform: translate3d(97vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(172) .circle {
  animation-delay: 3239ms;
}
.page .circle-container:nth-child(173) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-173;
  animation-duration: 31693ms;
  animation-delay: 29548ms;
}
@keyframes move-frames-173 {
  from {
    transform: translate3d(58vw, 107vh, 0);
  }
  to {
    transform: translate3d(26vw, -118vh, 0);
  }
}
.page .circle-container:nth-child(173) .circle {
  animation-delay: 472ms;
}
.page .circle-container:nth-child(174) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-174;
  animation-duration: 33810ms;
  animation-delay: 18433ms;
}
@keyframes move-frames-174 {
  from {
    transform: translate3d(53vw, 104vh, 0);
  }
  to {
    transform: translate3d(55vw, -111vh, 0);
  }
}
.page .circle-container:nth-child(174) .circle {
  animation-delay: 3588ms;
}
.page .circle-container:nth-child(175) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-175;
  animation-duration: 30987ms;
  animation-delay: 21837ms;
}
@keyframes move-frames-175 {
  from {
    transform: translate3d(44vw, 108vh, 0);
  }
  to {
    transform: translate3d(21vw, -118vh, 0);
  }
}
.page .circle-container:nth-child(175) .circle {
  animation-delay: 3322ms;
}
.page .circle-container:nth-child(176) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-176;
  animation-duration: 36922ms;
  animation-delay: 22810ms;
}
@keyframes move-frames-176 {
  from {
    transform: translate3d(26vw, 107vh, 0);
  }
  to {
    transform: translate3d(24vw, -127vh, 0);
  }
}
.page .circle-container:nth-child(176) .circle {
  animation-delay: 1776ms;
}
.page .circle-container:nth-child(177) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-177;
  animation-duration: 34513ms;
  animation-delay: 17994ms;
}
@keyframes move-frames-177 {
  from {
    transform: translate3d(34vw, 104vh, 0);
  }
  to {
    transform: translate3d(22vw, -115vh, 0);
  }
}
.page .circle-container:nth-child(177) .circle {
  animation-delay: 3494ms;
}
.page .circle-container:nth-child(178) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-178;
  animation-duration: 29259ms;
  animation-delay: 12751ms;
}
@keyframes move-frames-178 {
  from {
    transform: translate3d(36vw, 101vh, 0);
  }
  to {
    transform: translate3d(51vw, -126vh, 0);
  }
}
.page .circle-container:nth-child(178) .circle {
  animation-delay: 1169ms;
}
.page .circle-container:nth-child(179) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-179;
  animation-duration: 29051ms;
  animation-delay: 836ms;
}
@keyframes move-frames-179 {
  from {
    transform: translate3d(78vw, 108vh, 0);
  }
  to {
    transform: translate3d(44vw, -122vh, 0);
  }
}
.page .circle-container:nth-child(179) .circle {
  animation-delay: 3727ms;
}
.page .circle-container:nth-child(180) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-180;
  animation-duration: 31646ms;
  animation-delay: 22270ms;
}
@keyframes move-frames-180 {
  from {
    transform: translate3d(93vw, 103vh, 0);
  }
  to {
    transform: translate3d(78vw, -128vh, 0);
  }
}
.page .circle-container:nth-child(180) .circle {
  animation-delay: 3591ms;
}
.page .circle-container:nth-child(181) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-181;
  animation-duration: 34709ms;
  animation-delay: 5525ms;
}
@keyframes move-frames-181 {
  from {
    transform: translate3d(96vw, 106vh, 0);
  }
  to {
    transform: translate3d(46vw, -128vh, 0);
  }
}
.page .circle-container:nth-child(181) .circle {
  animation-delay: 949ms;
}
.page .circle-container:nth-child(182) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-182;
  animation-duration: 34837ms;
  animation-delay: 36416ms;
}
@keyframes move-frames-182 {
  from {
    transform: translate3d(68vw, 104vh, 0);
  }
  to {
    transform: translate3d(87vw, -111vh, 0);
  }
}
.page .circle-container:nth-child(182) .circle {
  animation-delay: 3302ms;
}
.page .circle-container:nth-child(183) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-183;
  animation-duration: 35061ms;
  animation-delay: 4376ms;
}
@keyframes move-frames-183 {
  from {
    transform: translate3d(45vw, 110vh, 0);
  }
  to {
    transform: translate3d(20vw, -124vh, 0);
  }
}
.page .circle-container:nth-child(183) .circle {
  animation-delay: 3981ms;
}
.page .circle-container:nth-child(184) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-184;
  animation-duration: 35451ms;
  animation-delay: 24300ms;
}
@keyframes move-frames-184 {
  from {
    transform: translate3d(92vw, 101vh, 0);
  }
  to {
    transform: translate3d(42vw, -119vh, 0);
  }
}
.page .circle-container:nth-child(184) .circle {
  animation-delay: 699ms;
}
.page .circle-container:nth-child(185) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-185;
  animation-duration: 32853ms;
  animation-delay: 7092ms;
}
@keyframes move-frames-185 {
  from {
    transform: translate3d(11vw, 103vh, 0);
  }
  to {
    transform: translate3d(80vw, -127vh, 0);
  }
}
.page .circle-container:nth-child(185) .circle {
  animation-delay: 360ms;
}
.page .circle-container:nth-child(186) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-186;
  animation-duration: 28516ms;
  animation-delay: 28936ms;
}
@keyframes move-frames-186 {
  from {
    transform: translate3d(47vw, 109vh, 0);
  }
  to {
    transform: translate3d(59vw, -128vh, 0);
  }
}
.page .circle-container:nth-child(186) .circle {
  animation-delay: 3142ms;
}
.page .circle-container:nth-child(187) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-187;
  animation-duration: 32129ms;
  animation-delay: 19408ms;
}
@keyframes move-frames-187 {
  from {
    transform: translate3d(92vw, 102vh, 0);
  }
  to {
    transform: translate3d(56vw, -125vh, 0);
  }
}
.page .circle-container:nth-child(187) .circle {
  animation-delay: 2514ms;
}
.page .circle-container:nth-child(188) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-188;
  animation-duration: 36313ms;
  animation-delay: 18500ms;
}
@keyframes move-frames-188 {
  from {
    transform: translate3d(94vw, 101vh, 0);
  }
  to {
    transform: translate3d(22vw, -103vh, 0);
  }
}
.page .circle-container:nth-child(188) .circle {
  animation-delay: 1822ms;
}
.page .circle-container:nth-child(189) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-189;
  animation-duration: 33124ms;
  animation-delay: 23652ms;
}
@keyframes move-frames-189 {
  from {
    transform: translate3d(75vw, 109vh, 0);
  }
  to {
    transform: translate3d(50vw, -119vh, 0);
  }
}
.page .circle-container:nth-child(189) .circle {
  animation-delay: 3140ms;
}
.page .circle-container:nth-child(190) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-190;
  animation-duration: 29197ms;
  animation-delay: 15551ms;
}
@keyframes move-frames-190 {
  from {
    transform: translate3d(24vw, 106vh, 0);
  }
  to {
    transform: translate3d(2vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(190) .circle {
  animation-delay: 3235ms;
}
.page .circle-container:nth-child(191) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-191;
  animation-duration: 32734ms;
  animation-delay: 24620ms;
}
@keyframes move-frames-191 {
  from {
    transform: translate3d(62vw, 107vh, 0);
  }
  to {
    transform: translate3d(20vw, -130vh, 0);
  }
}
.page .circle-container:nth-child(191) .circle {
  animation-delay: 3801ms;
}
.page .circle-container:nth-child(192) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-192;
  animation-duration: 30199ms;
  animation-delay: 26433ms;
}
@keyframes move-frames-192 {
  from {
    transform: translate3d(27vw, 105vh, 0);
  }
  to {
    transform: translate3d(62vw, -106vh, 0);
  }
}
.page .circle-container:nth-child(192) .circle {
  animation-delay: 3785ms;
}
.page .circle-container:nth-child(193) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-193;
  animation-duration: 31023ms;
  animation-delay: 1174ms;
}
@keyframes move-frames-193 {
  from {
    transform: translate3d(81vw, 104vh, 0);
  }
  to {
    transform: translate3d(71vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(193) .circle {
  animation-delay: 311ms;
}
.page .circle-container:nth-child(194) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-194;
  animation-duration: 31735ms;
  animation-delay: 24193ms;
}
@keyframes move-frames-194 {
  from {
    transform: translate3d(94vw, 101vh, 0);
  }
  to {
    transform: translate3d(36vw, -121vh, 0);
  }
}
.page .circle-container:nth-child(194) .circle {
  animation-delay: 984ms;
}
.page .circle-container:nth-child(195) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-195;
  animation-duration: 36227ms;
  animation-delay: 20527ms;
}
@keyframes move-frames-195 {
  from {
    transform: translate3d(1vw, 103vh, 0);
  }
  to {
    transform: translate3d(8vw, -116vh, 0);
  }
}
.page .circle-container:nth-child(195) .circle {
  animation-delay: 1724ms;
}
.page .circle-container:nth-child(196) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-196;
  animation-duration: 31058ms;
  animation-delay: 12359ms;
}
@keyframes move-frames-196 {
  from {
    transform: translate3d(47vw, 103vh, 0);
  }
  to {
    transform: translate3d(29vw, -116vh, 0);
  }
}
.page .circle-container:nth-child(196) .circle {
  animation-delay: 97ms;
}
.page .circle-container:nth-child(197) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-197;
  animation-duration: 31132ms;
  animation-delay: 21710ms;
}
@keyframes move-frames-197 {
  from {
    transform: translate3d(51vw, 104vh, 0);
  }
  to {
    transform: translate3d(44vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(197) .circle {
  animation-delay: 1743ms;
}
.page .circle-container:nth-child(198) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-198;
  animation-duration: 34408ms;
  animation-delay: 4272ms;
}
@keyframes move-frames-198 {
  from {
    transform: translate3d(98vw, 101vh, 0);
  }
  to {
    transform: translate3d(30vw, -109vh, 0);
  }
}
.page .circle-container:nth-child(198) .circle {
  animation-delay: 1810ms;
}
.page .circle-container:nth-child(199) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-199;
  animation-duration: 28736ms;
  animation-delay: 17340ms;
}
@keyframes move-frames-199 {
  from {
    transform: translate3d(19vw, 101vh, 0);
  }
  to {
    transform: translate3d(44vw, -131vh, 0);
  }
}
.page .circle-container:nth-child(199) .circle {
  animation-delay: 1330ms;
}
.page .circle-container:nth-child(200) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-200;
  animation-duration: 30452ms;
  animation-delay: 2911ms;
}
@keyframes move-frames-200 {
  from {
    transform: translate3d(3vw, 101vh, 0);
  }
  to {
    transform: translate3d(1vw, -126vh, 0);
  }
}
.page .circle-container:nth-child(200) .circle {
  animation-delay: 3382ms;
}

.main {
  position: relative;
  overflow-x: clip;
  z-index: 1003;
  max-width: 500px;
  margin: 0 auto;
  background: #d7d2cb;
}
@media screen and (max-width: 768px) {
  .main {
    max-width: 100%;
  }
}

.l-header {
  position: fixed;
  z-index: 1002;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: none;
}
.l-header.subheader .l-header_logo img,
.l-header.subheader .l-header_icons img {
  filter: brightness(0.2);
}
.l-header.subheader .l-header_menubtn {
  background-color: rgba(255, 255, 255, 0.7019607843);
}
.l-header.subheader .l-header_menubtn .bar {
  background: #222;
}
.l-header.show .l-header_logo img,
.l-header.show .l-header_icons img {
  filter: brightness(0.2);
}
.l-header.active .l-header_logo img,
.l-header.active .l-header_icons img {
  filter: brightness(0.3);
}
.l-header.active .l-header_menubtn {
  background-color: rgba(255, 255, 255, 0.7019607843);
}
.l-header.active .l-header_menubtn .bar {
  background: #222;
}
@media screen and (max-width: 768px) {
  .l-header {
    height: auto;
    z-index: 1100;
  }
}
.l-header_contain {
  padding: 40px 50px;
}
@media screen and (max-width: 1440px) {
  .l-header_contain {
    padding: 40rem 50rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header_contain {
    padding: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header_logo {
    width: 55rem;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-header_icons {
    display: flex;
    align-items: center;
    gap: 15rem;
    justify-content: flex-end;
  }
  .l-header_icons a {
    display: block;
    width: 18rem;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-header_menu {
    width: 50rem;
  }
}
.l-header_menubtn {
  display: none;
}
@media screen and (max-width: 768px) {
  .l-header_menubtn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 35rem;
    height: 35rem;
    border-radius: 50%;
    gap: 6rem;
  }
  .l-header_menubtn.change .bar01 {
    transform: rotate(-45deg) translate(-3rem, 3rem);
    background: #222;
  }
  .l-header_menubtn.change .bar02 {
    transform: rotate(45deg) translate(-2rem, -2rem);
    background: #222;
  }
  .l-header_menubtn .bar {
    width: 20rem;
    height: 1rem;
    background: #fff;
    transition: 0.3s;
  }
}
.l-header_sp {
  position: relative;
  z-index: 1010;
  display: none;
}
@media screen and (max-width: 768px) {
  .l-header_sp {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.l-header_pc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .l-header_pc {
    display: none;
  }
}
.l-header_pc_logo {
  max-width: 105px;
  width: 100%;
  position: relative;
  z-index: 1010;
}
@media screen and (max-width: 1900px) {
  .l-header_pc_logo {
    max-width: 105rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-header_pc_logo {
    max-width: 80rem;
  }
}
.l-header_pc_icons {
  position: relative;
  z-index: 1010;
  display: flex;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1900px) {
  .l-header_pc_icons {
    gap: 25rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-header_pc_icons {
    gap: 20rem;
  }
}
.l-header_pc_icons a img {
  width: 30px;
}
@media screen and (max-width: 1900px) {
  .l-header_pc_icons a img {
    width: 30rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-header_pc_icons a img {
    width: 22rem;
  }
}
.l-header_info {
  position: absolute;
  width: calc(50% - 250px);
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .l-header_info {
    display: none;
  }
}
.l-header_info_main {
  position: absolute;
  width: 100%;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
@media screen and (max-width: 1900px) {
  .l-header_info_main {
    gap: 50rem;
    top: 10%;
    height: 60%;
  }
}
.l-header_info_main .mainimg {
  max-width: 450px;
  margin: 0 auto;
  margin-right: 25%;
}
@media screen and (max-width: 1900px) {
  .l-header_info_main .mainimg {
    max-width: 450rem;
  }
}
.l-header_info_main .shadowimg {
  max-width: 250px;
  width: 100%;
}
@media screen and (max-width: 1900px) {
  .l-header_info_main .shadowimg {
    max-width: 250rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-header_info_main .shadowimg {
    max-width: 185rem;
  }
}
.l-header_info_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-family: "Baskervville", serif;
}
@media screen and (max-width: 1440px) {
  .l-header_info_title {
    gap: 10rem;
  }
}
.l-header_info_title .title01 {
  font-weight: 400;
  font-size: 50px;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-align: center;
  color: #484343;
}
@media screen and (max-width: 1900px) {
  .l-header_info_title .title01 {
    font-size: 50rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-header_info_title .title01 {
    font-size: 35rem;
  }
}
.l-header_info_title .title02 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #484343;
}
@media screen and (max-width: 1900px) {
  .l-header_info_title .title02 {
    font-size: 22rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-header_info_title .title02 {
    font-size: 16rem;
  }
}
.l-header_info_address {
  position: absolute;
  bottom: 40px;
  left: 50px;
  right: 50px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 13px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 1900px) {
  .l-header_info_address {
    bottom: 40rem;
    left: 50rem;
    right: 50rem;
    font-size: 13rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-header_info_address {
    font-size: 12rem;
    bottom: 20rem;
  }
}

.l-nav {
  position: absolute;
  width: calc(50% - 250px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0%;
  right: 0;
  padding: 40px;
}
@media screen and (max-width: 1440px) {
  .l-nav {
    padding: 40rem;
  }
}
@media screen and (max-width: 768px) {
  .l-nav {
    position: fixed;
    z-index: 1009;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    left: -100%;
    background: #eae8e5;
    padding: 0;
  }
}
.l-nav.open {
  left: 0;
}
@media screen and (max-width: 768px) {
  .l-nav_inner {
    margin-top: 150rem;
    padding: 0 20rem;
    padding-left: 50rem;
    padding-bottom: 50rem;
  }
}
.l-nav_col01_list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 1900px) {
  .l-nav_col01_list {
    gap: 15rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_col01_list {
    gap: 12rem;
  }
}
.l-nav_col01_list li a {
  display: flex;
  gap: 20px;
}
.l-nav_col01_list li a.active .linktxt .en {
  color: #d16765 !important;
}
.l-nav_col01_list li a.active .linktxt .jp {
  color: #d16765 !important;
}
@media screen and (min-width: 768px) {
  .l-nav_col01_list li a:hover .linktxt .en {
    color: #d16765;
  }
  .l-nav_col01_list li a:hover .linktxt .jp {
    color: #d16765;
  }
}
@media screen and (max-width: 1900px) {
  .l-nav_col01_list li a {
    gap: 20rem;
  }
}
.l-nav_col01_list li a .number {
  font-family: "Bodoni Moda", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: center;
  color: #9a9187;
}
@media screen and (max-width: 1900px) {
  .l-nav_col01_list li a .number {
    font-size: 16rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_col01_list li a .number {
    font-size: 14rem;
  }
}
.l-nav_col01_list li a .linktxt {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1440px) {
  .l-nav_col01_list li a .linktxt {
    gap: 5rem;
  }
}
.l-nav_col01_list li a .linktxt .en {
  font-family: "Bodoni Moda", serif;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #484343;
  transition: 0.3s;
}
@media screen and (max-width: 1900px) {
  .l-nav_col01_list li a .linktxt .en {
    font-size: 20rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_col01_list li a .linktxt .en {
    font-size: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .l-nav_col01_list li a .linktxt .en {
    color: #d16765;
  }
}
.l-nav_col01_list li a .linktxt .jp {
  font-family: "Shippori Mincho", serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  text-align: left;
  color: #6a6a6a;
  transition: 0.3s;
}
@media screen and (max-width: 1900px) {
  .l-nav_col01_list li a .linktxt .jp {
    font-size: 14rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_col01_list li a .linktxt .jp {
    font-size: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .l-nav_col01_list li a .linktxt .jp {
    color: #6a6a6a;
  }
}
.l-nav_buybtn {
  margin-top: 40px;
}
@media screen and (max-width: 1900px) {
  .l-nav_buybtn {
    margin-top: 40rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_buybtn {
    margin-top: 30rem;
  }
}
.l-nav_buybtn .buybtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 265px;
  height: 60px;
  border-radius: 30px;
  background: #d69c38;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 1900px) {
  .l-nav_buybtn .buybtn {
    width: 265rem;
    height: 60rem;
    border-radius: 30rem;
    font-size: 18rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_buybtn .buybtn {
    width: 195rem;
    height: 45rem;
    border-radius: 20rem;
    font-size: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .l-nav_buybtn .buybtn {
    display: none;
  }
}
.l-nav_buybtn .buybtn img {
  width: 20px;
}
@media screen and (max-width: 1900px) {
  .l-nav_buybtn .buybtn img {
    width: 20rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_buybtn .buybtn img {
    width: 15rem;
  }
}
.l-nav_buybtn .c-ctabtn {
  display: none;
}
@media screen and (max-width: 768px) {
  .l-nav_buybtn .c-ctabtn {
    display: flex;
  }
}
.l-nav_col02 {
  position: absolute;
  bottom: 40px;
  right: 50px;
  left: 50px;
}
@media screen and (max-width: 1900px) {
  .l-nav_col02 {
    left: 50rem;
    right: 50rem;
    bottom: 40rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_col02 {
    bottom: 20rem;
  }
}
@media screen and (max-width: 768px) {
  .l-nav_col02 {
    display: none;
  }
}
.l-nav_col02_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 20px;
}
@media screen and (max-width: 1900px) {
  .l-nav_col02_list {
    gap: 20rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_col02_list {
    gap: 15rem;
  }
}
.l-nav_col02_list li a {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 13px;
  text-align: right;
  color: #222;
}
@media screen and (max-width: 1900px) {
  .l-nav_col02_list li a {
    font-size: 13rem;
  }
}
@media screen and (max-width: 1440px) {
  .l-nav_col02_list li a {
    font-size: 12rem;
  }
}

.c-ctabtn {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  padding-left: 35px;
  width: 320px;
  height: 65px;
  background-image: url(https://d2w53g1q050m78.cloudfront.net/valcosmejp/uploads/image/common/cta-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .c-ctabtn {
    width: 250rem;
    height: 50rem;
    padding: 10rem;
    padding-left: 25rem;
  }
}
.c-ctabtn.menbtn {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/valcosmejp/uploads/image/man/CTA_btn.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.c-ctabtn .txt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-ctabtn .txt {
    font-size: 18rem;
    gap: 10rem;
  }
}
.c-ctabtn .txt img {
  width: 20px;
}
@media screen and (max-width: 768px) {
  .c-ctabtn .txt img {
    width: 20rem;
  }
}
.c-ctabtn .arrow {
  width: 35px;
}
@media screen and (max-width: 768px) {
  .c-ctabtn .arrow {
    width: 25rem;
  }
}

.l-fv {
  position: relative;
}
.l-fv_imgs .slick-current .itemimg01 .txt span {
  color: transparent;
  animation: blur 6s ease-out 1;
}
@media screen and (max-width: 768px) {
  .l-fv_imgs .slick-current .itemimg01 .txt span {
    color: #fff;
  }
}
.l-fv_imgs .slick-current .itemimg02 .txt span {
  color: transparent;
  animation: blur02 6s ease-out 1;
}
@media screen and (max-width: 768px) {
  .l-fv_imgs .slick-current .itemimg02 .txt span {
    color: #222;
  }
}
.l-fv_imgs .itemimg {
  position: relative;
  display: block !important;
}
.l-fv_imgs .itemimg img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.l-fv_imgs .itemimg .txt {
  position: absolute;
  top: 100px;
  writing-mode: vertical-rl;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 45px;
  letter-spacing: 0.2em;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-fv_imgs .itemimg .txt {
    font-size: 26rem;
    line-height: 40rem;
    top: 80rem;
  }
}
.l-fv_imgs .itemimg .txt.righttxt {
  right: 70px;
}
@media screen and (max-width: 768px) {
  .l-fv_imgs .itemimg .txt.righttxt {
    right: 30rem;
  }
}
.l-fv_imgs .itemimg .txt.lefttxt {
  left: 70px;
}
@media screen and (max-width: 768px) {
  .l-fv_imgs .itemimg .txt.lefttxt {
    left: 30rem;
  }
}
@media screen and (max-width: 768px) {
  .l-fv_imgs .itemimg .txt span {
    color: #fff;
    opacity: 1;
  }
}
.l-fv_imgs .itemimg .txt span:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.l-fv_imgs .itemimg .txt span:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.l-fv_imgs .itemimg .txt span:nth-child(3) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.l-fv_imgs .itemimg .txt span:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.l-fv_imgs .itemimg .txt span:nth-child(5) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.l-fv_imgs .itemimg .txt span:nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.l-fv_imgs .itemimg .txt span:nth-child(7) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}
.l-fv_imgs .itemimg .col-black {
  color: #222;
}
.l-fv_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.l-fv_bottom .debuttxt {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 60px);
}
@media screen and (max-width: 768px) {
  .l-fv_bottom .debuttxt {
    top: -35rem;
    width: calc(100% - 60rem);
  }
}
.l-fv_product {
  position: absolute;
  width: calc(100% - 60px);
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .l-fv_product {
    bottom: 10rem;
    width: calc(100% - 60rem);
  }
}
.l-fv_product_content {
  width: 100%;
}
.l-fv_product_content .title {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-fv_product_content .title {
    font-size: 14rem;
    line-height: 26rem;
  }
}
.l-fv_product_content .content {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .l-fv_product_content .content {
    gap: 10rem;
  }
}
.l-fv_product_content .content .headtxt {
  margin-top: 10px;
  padding: 3px 10px;
  border-radius: 20px;
  background: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
  color: #d16765;
}
@media screen and (max-width: 768px) {
  .l-fv_product_content .content .headtxt {
    font-size: 12rem;
    border-radius: 20rem;
    padding: 0 10rem;
    margin-top: 10rem;
  }
}
.l-fv_product_content .content .headtxt.col-men {
  color: #2c3e50;
}
.l-fv_product_content .content .price {
  font-family: "Shippori Mincho", serif;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-fv_product_content .content .price {
    font-size: 13rem;
  }
}
.l-fv_product_content .content .price span {
  font-size: 35px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .l-fv_product_content .content .price span {
    font-size: 26rem;
  }
}
.l-fv_product_content .content .capacity {
  font-family: "Shippori Mincho", serif;
  font-weight: normal;
  font-size: 15px;
  text-align: right;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-fv_product_content .content .capacity {
    font-size: 12rem;
  }
}
.l-fv_product_content .c-ctabtn {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .l-fv_product_content .c-ctabtn {
    margin-top: 10rem;
  }
}
.l-fv_product_img {
  position: absolute;
  z-index: 3;
  bottom: -10px;
  right: 20px;
  max-width: 115px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-fv_product_img {
    right: -20rem;
    max-width: 100rem;
    bottom: -10rem;
  }
}
@keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px #fff;
  }
  15% {
    opacity: 1;
  }
  20% {
    text-shadow: 0 0 0px #fff;
  }
  80% {
    text-shadow: 0 0 0px #fff;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blur02 {
  0% {
    text-shadow: 0 0 100px #222;
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px #222;
  }
  15% {
    opacity: 1;
  }
  20% {
    text-shadow: 0 0 0px #222;
  }
  80% {
    text-shadow: 0 0 0px #222;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showGif {
  to {
    opacity: 1;
  }
}
.l-sec02 {
  position: relative;
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .l-sec02 {
    padding-top: 50rem;
    padding-bottom: 20rem;
  }
}
.l-sec02_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .l-sec02_head {
    gap: 20rem;
  }
}
.l-sec02_head_top {
  position: relative;
  max-width: 221px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-sec02_head_top {
    max-width: 170rem;
  }
}
.l-sec02_head_top .gif {
  opacity: 0;
}
.l-sec02_head_top .gif.visible {
  opacity: 1;
  animation: startGif 0s 1s forwards;
}
.l-sec02_head_txt {
  position: absolute;
  bottom: -19.5px;
  width: 100%;
  left: 55%;
  transform: translateX(-50%);
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 33.8px;
  letter-spacing: 0.06em;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec02_head_txt {
    bottom: -15rem;
    font-size: 26rem;
  }
}
.l-sec02_head_txt .min {
  font-size: 39px;
  color: #d16765;
}
@media screen and (max-width: 768px) {
  .l-sec02_head_txt .min {
    font-size: 30rem;
  }
}
.l-sec02_head_txt .num {
  font-weight: bold;
  font-size: 96.2px;
  line-height: 1;
  color: #d16765;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .l-sec02_head_txt .num {
    font-size: 74rem;
  }
}
.l-sec02_content {
  position: relative;
  z-index: 2;
}
.l-sec02_title {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 46.8px;
  line-height: 65px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec02_title {
    font-size: 36rem;
    line-height: 50rem;
  }
}
.l-sec02_title span {
  font-size: 33.8px;
}
@media screen and (max-width: 768px) {
  .l-sec02_title span {
    font-size: 26rem;
  }
}
.l-sec02_txt {
  margin-top: 20px;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 20.8px;
  line-height: 39px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec02_txt {
    margin-top: 20rem;
    font-size: 16rem;
    line-height: 30rem;
  }
}
.l-sec02_bottomtxt {
  margin-top: 19.5px;
  font-weight: 600;
  font-size: 39px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #d16765;
}
@media screen and (max-width: 768px) {
  .l-sec02_bottomtxt {
    margin-top: 15rem;
    font-size: 30rem;
  }
}
.l-sec02_img {
  position: relative;
  z-index: 1;
  margin-top: -104px;
}
@media screen and (max-width: 768px) {
  .l-sec02_img {
    margin-top: -80rem;
  }
}
.l-sec02_intro {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 15px;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .l-sec02_intro {
    gap: 20rem 15rem;
    padding-top: 20rem;
  }
}
.l-sec02_intro .item {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .l-sec02_intro .item {
    border-radius: 30rem;
  }
}
.l-sec02_intro .item:nth-child(1) {
  max-width: 377px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-sec02_intro .item:nth-child(1) {
    max-width: 290rem;
  }
}
.l-sec02_intro .item:nth-child(2) {
  max-width: 175.5px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-sec02_intro .item:nth-child(2) {
    max-width: 135rem;
  }
}
.l-sec02_intro .item:nth-child(3) {
  max-width: 227.5px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-sec02_intro .item:nth-child(3) {
    max-width: 175rem;
  }
}
.l-sec02_intro .item:nth-child(4) {
  max-width: 273px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-sec02_intro .item:nth-child(4) {
    max-width: 210rem;
  }
}
.l-sec02_intro .item:nth-child(5) {
  max-width: 448.5px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-sec02_intro .item:nth-child(5) {
    max-width: 345rem;
  }
}
.l-sec02 .dots {
  width: 6.5px;
  height: auto;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  .l-sec02 .dots {
    width: 5rem;
    margin: 20rem auto;
  }
}
.l-sec02_bottomintor {
  font-weight: 500;
  font-size: 33.8px;
  line-height: 54.6px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec02_bottomintor {
    font-size: 26rem;
    line-height: 42rem;
  }
}
.l-sec02_bottomintor span {
  font-size: 26px;
}
@media screen and (max-width: 768px) {
  .l-sec02_bottomintor span {
    font-size: 20rem;
  }
}

.l-sec03 {
  position: relative;
  background-color: #fff;
}
.l-sec03 .container {
  padding: 70px 40px 20px;
  clip-path: polygon(50% 4%, 100% 0, 100% 100%, 0 100%, 0 0);
  position: relative;
  background: linear-gradient(#cfe8f6 0%, #fff 100%);
}
@media screen and (max-width: 768px) {
  .l-sec03 .container {
    padding: 50rem 30rem 20rem;
  }
}
.l-sec03_head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-sec03_head .leftimg {
  position: absolute;
  left: -91px;
  bottom: -26px;
  width: 91px;
}
@media screen and (max-width: 768px) {
  .l-sec03_head .leftimg {
    left: -70rem;
    bottom: -20rem;
    width: 70rem;
  }
}
.l-sec03_head .rightimg {
  position: absolute;
  right: -91px;
  bottom: -26px;
  width: 91px;
}
@media screen and (max-width: 768px) {
  .l-sec03_head .rightimg {
    right: -70rem;
    bottom: -20rem;
    width: 70rem;
  }
}
.l-sec03_head h2 {
  position: relative;
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 52px;
  text-align: center;
  color: #6297b5;
}
@media screen and (max-width: 768px) {
  .l-sec03_head h2 {
    font-size: 40rem;
  }
}
.l-sec03_title {
  margin-top: 39px;
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 28.6px;
  line-height: 54.6px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec03_title {
    margin-top: 30rem;
    font-size: 22rem;
    line-height: 42rem;
  }
}
.l-sec03_title span {
  position: relative;
  color: #6297B5;
}
.l-sec03_title span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #6297B5;
}
.l-sec03_txt {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 18.2px;
  line-height: 32.5px;
  text-align: left;
  color: #222;
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .l-sec03_txt {
    font-size: 14rem;
    line-height: 25rem;
    margin-top: 20rem;
  }
}
.l-sec03_notic {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 16.9px;
  text-align: left;
  color: #6a6a6a;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .l-sec03_notic {
    font-size: 13rem;
    margin-top: 10rem;
  }
}
.l-sec03_img {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .l-sec03_img {
    margin-top: 30rem;
  }
}

.l-sec04 {
  position: relative;
  background-image: url(https://d2w53g1q050m78.cloudfront.net/valcosmejp/uploads/image/lady/sec04-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 170px;
}
@media screen and (max-width: 768px) {
  .l-sec04 {
    padding-top: 150rem;
  }
}
.l-sec04 .productimg {
  position: absolute;
  top: 5px;
  right: 0;
  width: 260px;
}
@media screen and (max-width: 768px) {
  .l-sec04 .productimg {
    top: 5rem;
    width: 200rem;
  }
}
.l-sec04 .gifttxt {
  position: absolute;
  top: 84.5px;
  left: 26px;
  width: 201.5px;
}
@media screen and (max-width: 768px) {
  .l-sec04 .gifttxt {
    top: 60rem;
    left: 20rem;
    width: 155rem;
  }
}
.l-sec04_title h2 {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 33.8px;
  line-height: 54.6px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec04_title h2 {
    font-size: 26rem;
    line-height: 42rem;
  }
}
.l-sec04_txt {
  font-weight: 500;
  font-size: 18.2px;
  line-height: 32.5px;
  text-align: center;
  color: #222;
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .l-sec04_txt {
    font-size: 14rem;
    line-height: 25rem;
    margin-top: 20rem;
  }
}
.l-sec04__itembox {
  margin-top: 30px;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .l-sec04__itembox {
    margin-top: 30rem;
    margin-right: 15rem;
  }
}
.l-sec04__itembox:nth-child(2n) {
  margin-left: 15px;
  margin-right: 0;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .l-sec04__itembox:nth-child(2n) {
    margin-left: 15rem;
  }
}
.l-sec04__itembox .itemimg {
  max-width: 279.5px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-sec04__itembox .itemimg {
    max-width: 215rem;
  }
}
.l-sec04__itembox .itemcontent {
  position: relative;
  max-width: 188.5px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .l-sec04__itembox .itemcontent {
    max-width: 145rem;
  }
}
.l-sec04__itembox .itemfor {
  position: absolute;
  top: 0;
  left: -26px;
  width: 58.5px;
}
@media screen and (max-width: 768px) {
  .l-sec04__itembox .itemfor {
    left: -20rem;
    width: 45rem;
  }
}
.l-sec04__itembox .itemtitle {
  position: relative;
  padding-top: 26px;
}
@media screen and (max-width: 768px) {
  .l-sec04__itembox .itemtitle {
    padding-top: 20rem;
  }
}
.l-sec04__itembox .itemtitle h3 {
  font-family: "Bodoni Moda", serif;
  font-weight: 600;
  font-size: 33.8px;
  text-align: center;
  color: #d16765;
}
@media screen and (max-width: 768px) {
  .l-sec04__itembox .itemtitle h3 {
    font-size: 26rem;
  }
}
.l-sec04__itembox .itemtxt {
  font-weight: 500;
  font-size: 18.2px;
  letter-spacing: -0.01em;
  line-height: 36.4px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec04__itembox .itemtxt {
    font-size: 14rem;
    line-height: 28rem;
  }
}
.l-sec04_productbox_img {
  max-width: 299px;
  margin: auto;
  margin-right: 45.5px;
}
@media screen and (max-width: 768px) {
  .l-sec04_productbox_img {
    max-width: 230rem;
    margin-right: 35rem;
  }
}
.l-sec04_productbox_txt {
  margin-top: 13px;
  font-weight: 500;
  font-size: 20.8px;
  letter-spacing: -0.01em;
  line-height: 39px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec04_productbox_txt {
    margin-top: 10rem;
    font-size: 16rem;
    line-height: 30rem;
  }
}
.l-sec04_bottom {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.86) 25%, #fff 100%);
}
.l-sec04_giftbox {
  position: relative;
  padding: 0 20px;
  margin-top: 91px;
}
@media screen and (max-width: 768px) {
  .l-sec04_giftbox {
    padding: 0 20rem;
    margin-top: 70rem;
  }
}
.l-sec04_giftbox .giftimg {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  max-width: 266.5px;
}
@media screen and (max-width: 768px) {
  .l-sec04_giftbox .giftimg {
    right: 10rem;
    max-width: 205rem;
  }
}
.l-sec04_giftbox .txt {
  display: flex;
  align-items: flex-start;
  padding: 10px 40px;
  background: #d4b98b;
  clip-path: polygon(100% 0%, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);
  font-weight: 500;
  font-size: 20.8px;
  letter-spacing: -0.01em;
  line-height: 26px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-sec04_giftbox .txt {
    padding: 10rem 25rem;
    font-size: 16rem;
    line-height: 20rem;
  }
}

.p-buysec_box {
  padding: 40px 25px 25px;
}
@media screen and (max-width: 768px) {
  .p-buysec_box {
    padding: 30rem 20rem 20rem;
  }
}
.p-buysec_title {
  font-family: "Shippori Mincho", serif;
  font-weight: bold;
  font-size: 26px;
  line-height: 41.6px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-buysec_title {
    font-size: 20rem;
    line-height: 32rem;
  }
}
.p-buysec_capacity {
  margin-top: 6.5px;
  font-family: "Shippori Mincho", serif;
  font-weight: normal;
  font-size: 16.9px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-buysec_capacity {
    margin-top: 5rem;
    font-size: 13rem;
  }
}
.p-buysec_capacity span {
  font-size: 23.4px;
}
@media screen and (max-width: 768px) {
  .p-buysec_capacity span {
    font-size: 18rem;
  }
}
.p-buysec_txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 16.9px;
  line-height: 27.3px;
  text-align: left;
  color: #222;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .p-buysec_txt {
    font-size: 13rem;
    line-height: 21rem;
    margin-top: 10rem;
  }
}
.p-buysec_content {
  border-radius: 3px;
  background: #eddddd;
  padding: 26px;
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .p-buysec_content {
    border-radius: 3rem;
    padding: 20rem;
    margin-top: 20rem;
  }
}
.p-buysec_item.regularitem {
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .p-buysec_item.regularitem {
    margin-top: 20rem;
    padding-top: 20rem;
  }
}
.p-buysec_item_head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.p-buysec_item_head .itemhead {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 23.4px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-buysec_item_head .itemhead {
    font-size: 18rem;
  }
}
.p-buysec_item_head .itemprice {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 16.9px;
  text-align: right;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-buysec_item_head .itemprice {
    font-size: 13rem;
  }
}
.p-buysec_item_head .itemprice .val {
  font-size: 31.2px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-buysec_item_head .itemprice .val {
    font-size: 24rem;
  }
}
.p-buysec_item_head .limit {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 18.2px;
  text-align: right;
  color: #d16765;
}
@media screen and (max-width: 768px) {
  .p-buysec_item_head .limit {
    font-size: 14rem;
  }
}
.p-buysec_item .itemdetail {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 16.9px;
  letter-spacing: 0.02em;
  line-height: 27.3px;
  text-align: left;
  color: #222;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .p-buysec_item .itemdetail {
    font-size: 13rem;
    line-height: 21rem;
    margin-top: 10rem;
  }
}
.p-buysec_item .itemdetail .pinkcolor {
  font-size: 18.2px;
  color: #D16765;
}
@media screen and (max-width: 768px) {
  .p-buysec_item .itemdetail .pinkcolor {
    font-size: 14rem;
  }
}
.p-buysec_item .itemdetail .darkcolor {
  font-size: 18.2px;
  color: #2C3E50;
}
@media screen and (max-width: 768px) {
  .p-buysec_item .itemdetail .darkcolor {
    font-size: 14rem;
  }
}
.p-buysec_item .c-ctabtn {
  margin: auto;
  margin-top: 19.5px;
}
@media screen and (max-width: 768px) {
  .p-buysec_item .c-ctabtn {
    margin-top: 15rem;
  }
}

.l-sec05 {
  background: #d7d2cb;
}
.l-sec05_head {
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  .l-sec05_head {
    padding: 30rem 0;
  }
}
.l-sec05_title {
  font-family: "Bodoni Moda", serif;
  font-weight: 600;
  font-size: 49.4px;
  text-align: center;
  color: #fff;
  opacity: 0.4;
}
@media screen and (max-width: 768px) {
  .l-sec05_title {
    font-size: 38rem;
  }
}
.l-sec05_txt {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size: 31.2px;
  line-height: 54.6px;
  text-align: center;
  color: #222;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .l-sec05_txt {
    font-size: 24rem;
    line-height: 42rem;
    margin-top: 10rem;
  }
}
.l-sec05_txt .largetxt {
  color: #7C8A6D;
  font-size: 39px;
}
@media screen and (max-width: 768px) {
  .l-sec05_txt .largetxt {
    font-size: 30rem;
  }
}
.l-sec05_txt .largetxt .smalltxt {
  font-size: 31.2px;
}
@media screen and (max-width: 768px) {
  .l-sec05_txt .largetxt .smalltxt {
    font-size: 24rem;
  }
}
.l-sec05_bottom {
  margin-top: 26px;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 52px;
  text-align: center;
  color: #222;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .l-sec05_bottom {
    margin-top: 20rem;
    font-size: 20rem;
    line-height: 40rem;
    padding-bottom: 100rem;
  }
}
.l-sec05_bottom p {
  position: relative;
}
.l-sec05_bottom .sostxt {
  font-weight: 500;
  color: #7C8A6D;
  font-size: 41.6px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .l-sec05_bottom .sostxt {
    font-size: 32rem;
  }
}
.l-sec05_bottom .borderline {
  position: relative;
}
.l-sec05_bottom .borderline.active::after {
  width: 100%;
}
.l-sec05_bottom .borderline::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  left: 0;
  bottom: -10px;
  background-color: #fff;
  transition: width 1s ease-out;
}
@media screen and (max-width: 768px) {
  .l-sec05_bottom .borderline::after {
    height: 2rem;
    bottom: -10rem;
  }
}
.l-sec05_img {
  position: relative;
}
.l-sec05_img .imgbox {
  position: absolute;
  top: 26px;
  right: 26px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
@media screen and (max-width: 768px) {
  .l-sec05_img .imgbox {
    top: 20rem;
    right: 20rem;
    gap: 10rem;
  }
}
.l-sec05_img .imgbox .itemimg {
  width: 195px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .l-sec05_img .imgbox .itemimg {
    width: 150rem;
  }
}

.l-cleanup {
  position: relative;
}
.l-cleanup_head {
  position: absolute;
  top: -52px;
  left: 0;
  width: 100%;
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 78px;
  line-height: 1;
  text-align: center;
  color: #fff;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .l-cleanup_head {
    top: -40rem;
    font-size: 60rem;
  }
}
.l-cleanup_content {
  position: relative;
  z-index: 2;
  background-image: url(https://d2w53g1q050m78.cloudfront.net/valcosmejp/uploads/image/common/cleanup-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 60px 25px 100px;
}
@media screen and (max-width: 768px) {
  .l-cleanup_content {
    padding: 50rem 20rem 70rem;
  }
}
.l-cleanup_content .num {
  position: absolute;
  z-index: 2;
  top: -45.5px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Bodoni Moda", serif;
  font-weight: bold;
  font-size: 52px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #b5ada2;
}
@media screen and (max-width: 768px) {
  .l-cleanup_content .num {
    top: -35rem;
    font-size: 40rem;
  }
}
.l-cleanup_title {
  position: relative;
  z-index: 2;
  font-weight: 600;
  font-size: 31.2px;
  line-height: 54.6px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-cleanup_title {
    font-size: 24rem;
    line-height: 42rem;
  }
}
.l-cleanup_title span {
  color: #7C8A6D;
  font-size: 39px;
}
@media screen and (max-width: 768px) {
  .l-cleanup_title span {
    font-size: 30rem;
  }
}
.l-cleanup_txt {
  position: relative;
  z-index: 2;
  font-weight: 500;
  font-size: 20.8px;
  letter-spacing: -0.01em;
  line-height: 39px;
  text-align: center;
  color: #222;
  margin-top: 39px;
}
@media screen and (max-width: 768px) {
  .l-cleanup_txt {
    font-size: 16rem;
    line-height: 30rem;
    margin-top: 30rem;
  }
}
.l-cleanup_img {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  margin-top: 39px;
  max-width: 409.5px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-cleanup_img {
    margin-top: 30rem;
    max-width: 315rem;
  }
}
.l-cleanup_spray {
  position: absolute;
  width: 390px;
  top: 65px;
  right: 26px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .l-cleanup_spray {
    top: 30rem;
    width: 300rem;
    right: 20rem;
  }
}

.l-sec06 {
  position: relative;
  z-index: 2;
  background: linear-gradient(#bfc5c9 0%, #b6c1b1 40%, #b6c1b1 100%);
  padding: 60px 0 30px;
}
@media screen and (max-width: 768px) {
  .l-sec06 {
    padding: 50rem 0 20rem;
  }
}
.l-sec06 .num {
  position: absolute;
  top: -19.5px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Bodoni Moda", serif;
  font-weight: bold;
  font-size: 52px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #b5ada2;
}
@media screen and (max-width: 768px) {
  .l-sec06 .num {
    top: -15rem;
    font-size: 40rem;
  }
}
.l-sec06 .midbg {
  position: absolute;
  width: 100%;
  top: 227.5px;
  left: 0;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .l-sec06 .midbg {
    top: 170rem;
  }
}
.l-sec06_title {
  font-weight: 600;
  font-size: 28.6px;
  line-height: 65px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec06_title {
    font-size: 22rem;
    line-height: 50rem;
  }
}
.l-sec06_title span {
  font-size: 52px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .l-sec06_title span {
    font-size: 40rem;
  }
}
.l-sec06_product_img {
  max-width: 260px;
  margin: auto;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  .l-sec06_product_img {
    max-width: 200rem;
    margin-top: 10rem;
  }
}
.l-sec06_product_txt {
  font-weight: 500;
  font-size: 20.8px;
  letter-spacing: -0.01em;
  line-height: 39px;
  text-align: center;
  color: #222;
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .l-sec06_product_txt {
    font-size: 16rem;
    line-height: 30rem;
    margin-top: 20rem;
  }
}
.l-sec06_refer {
  position: relative;
  z-index: 2;
  padding: 0 25px;
  margin-top: 19.5px;
}
@media screen and (max-width: 768px) {
  .l-sec06_refer {
    padding: 0 25rem;
    margin-top: 15rem;
  }
}
.l-sec06_refer_head {
  font-weight: 500;
  font-size: 31.2px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec06_refer_head {
    font-size: 24rem;
  }
}
.l-sec06_refer_box {
  margin-top: 13px;
  border-radius: 6.5px;
  background: #7c8a6d;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.25);
  padding: 19.5px;
}
@media screen and (max-width: 768px) {
  .l-sec06_refer_box {
    margin-top: 10rem;
    border-radius: 5rem;
    padding: 15rem;
  }
}
.l-sec06_refer_box .itembox {
  display: flex;
  align-items: flex-start;
  gap: 15.6px;
  font-weight: 500;
  font-size: 20.8px;
  line-height: 32.5px;
  text-align: left;
  color: #fff;
  margin-bottom: 10px;
}
.l-sec06_refer_box .itembox:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .l-sec06_refer_box .itembox {
    margin-bottom: 10rem;
    font-size: 16rem;
    line-height: 25rem;
    gap: 10rem;
  }
}
.l-sec06_refer_box .itembox img {
  width: 22.1px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .l-sec06_refer_box .itembox img {
    width: 17rem;
    margin-top: 5rem;
  }
}
.l-sec06_bottom_head {
  font-weight: 500;
  font-size: 20.8px;
  line-height: 39px;
  text-align: center;
  color: #222;
  margin-top: 19.5px;
}
@media screen and (max-width: 768px) {
  .l-sec06_bottom_head {
    font-size: 16rem;
    line-height: 30rem;
    margin-top: 15rem;
  }
}
.l-sec06_bottom_title {
  margin-top: 19.5px;
  font-weight: 600;
  font-size: 31.2px;
  line-height: 49.4px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec06_bottom_title {
    margin-top: 15rem;
    font-size: 24rem;
    line-height: 38rem;
  }
}
.l-sec06_table {
  margin-top: 39px;
  padding-left: 26px;
}
@media screen and (max-width: 768px) {
  .l-sec06_table {
    margin-top: 30rem;
    padding-left: 20rem;
  }
}
.l-sec06_table__scroll {
  overflow-x: auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-sec06_table__scroll {
    padding-bottom: 5rem;
  }
}
.l-sec06_table table {
  width: -moz-max-content;
  width: max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  width: max-content;
  border-collapse: collapse;
}
.l-sec06_table table th {
  font-family: "Shippori Mincho", serif;
  font-weight: normal;
  font-size: 16.9px;
  line-height: 22.1px;
  text-align: left;
  color: #fff;
  padding: 5px 10px;
  background: #7c8a6d;
  min-height: 78px;
  vertical-align: middle;
  position: sticky;
  left: 0;
  z-index: 2;
  border-bottom: 1px solid #b6c1b1;
}
@media screen and (max-width: 768px) {
  .l-sec06_table table th {
    font-size: 13rem;
    line-height: 17rem;
    padding: 5rem 10rem;
    min-height: 60rem;
  }
}
.l-sec06_table table td {
  border: 1px solid #b6c1b1;
  font-family: "Shippori Mincho";
  font-weight: normal;
  font-size: 23.4px;
  text-align: center;
  color: #222;
  padding: 12px 5px;
  background-color: #fff;
  min-width: 78px;
}
@media screen and (max-width: 768px) {
  .l-sec06_table table td {
    font-size: 18rem;
    padding: 10rem 5rem;
    min-width: 60rem;
  }
}
.l-sec06_table table td.td-head {
  font-size: 14.3px;
}
@media screen and (max-width: 768px) {
  .l-sec06_table table td.td-head {
    font-size: 11rem;
  }
}
.l-sec06_table table td.td-first {
  text-align: left;
  font-size: 15.6px;
  padding: 0 13px;
}
@media screen and (max-width: 768px) {
  .l-sec06_table table td.td-first {
    font-size: 12rem;
    padding: 0 10rem;
  }
}
.l-sec06_table table tr:nth-child(1) th {
  background: #b6c1b1;
  min-height: auto;
}
.l-sec06_table table tr:nth-child(2) th {
  background: #d59593;
}
.l-sec06_table table tr:nth-child(2) td {
  background: #eddddd;
}

.l-sec07 {
  background: linear-gradient(#b6c1b1 0%, #7c8a6d 20%, #7c8a6d 100%);
  padding: 52px 26px;
}
@media screen and (max-width: 768px) {
  .l-sec07 {
    padding: 40rem 20rem;
  }
}
.l-sec07_head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-sec07_head .leftimg {
  position: absolute;
  left: -65px;
  bottom: -26px;
  width: 91px;
}
@media screen and (max-width: 768px) {
  .l-sec07_head .leftimg {
    left: -50rem;
    bottom: -20rem;
    width: 70rem;
  }
}
.l-sec07_head .rightimg {
  position: absolute;
  right: -65px;
  bottom: -26px;
  width: 91px;
}
@media screen and (max-width: 768px) {
  .l-sec07_head .rightimg {
    right: -50rem;
    bottom: -20rem;
    width: 70rem;
  }
}
.l-sec07_head h2 {
  position: relative;
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 52px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-sec07_head h2 {
    font-size: 40rem;
  }
}
.l-sec07_title {
  font-weight: 600;
  font-size: 31.2px;
  line-height: 54.6px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .l-sec07_title {
    font-size: 24rem;
    line-height: 42rem;
    margin-top: 30rem;
  }
}
.l-sec07_title span {
  font-size: 39px;
}
@media screen and (max-width: 768px) {
  .l-sec07_title span {
    font-size: 30rem;
  }
}
.l-sec07_txt {
  font-weight: 400;
  font-size: 19.5px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .l-sec07_txt {
    font-size: 15rem;
    line-height: 30rem;
    margin-top: 30rem;
  }
}
.l-sec07_mainimg {
  position: relative;
  margin: 39px auto;
}
@media screen and (max-width: 768px) {
  .l-sec07_mainimg {
    margin: 30rem auto;
  }
}
.l-sec07_mainimg .txtimg {
  position: absolute;
  bottom: -45.5px;
  left: 0;
  width: 234px;
}
@media screen and (max-width: 768px) {
  .l-sec07_mainimg .txtimg {
    bottom: -35rem;
    width: 180rem;
  }
}
.l-sec07_introbox .itembox {
  margin-bottom: 39px;
}
@media screen and (max-width: 768px) {
  .l-sec07_introbox .itembox {
    margin-bottom: 30rem;
  }
}
.l-sec07_introbox .itembox:last-child {
  margin-bottom: 0;
}
.l-sec07_introbox .itembox_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .l-sec07_introbox .itembox_top {
    gap: 10rem;
  }
}
.l-sec07_introbox .itembox_top img {
  width: 221px;
}
@media screen and (max-width: 768px) {
  .l-sec07_introbox .itembox_top img {
    width: 170rem;
  }
}
.l-sec07_introbox .itembox_top .itemboxtitle {
  font-weight: 600;
  font-size: 20.8px;
  line-height: 28.6px;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-sec07_introbox .itembox_top .itemboxtitle {
    font-size: 16rem;
    line-height: 22rem;
  }
}
.l-sec07_introbox .itembox_top .itemboxtitle span {
  font-size: 15.6px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .l-sec07_introbox .itembox_top .itemboxtitle span {
    font-size: 12rem;
  }
}
.l-sec07_introbox .itembox .itemboxtxt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 16.9px;
  line-height: 26px;
  text-align: left;
  color: #fff;
  margin-top: 19.5px;
}
@media screen and (max-width: 768px) {
  .l-sec07_introbox .itembox .itemboxtxt {
    font-size: 13rem;
    line-height: 20rem;
    margin-top: 15rem;
  }
}

.l-sec08 {
  position: relative;
  padding: 52px 26px;
  background: linear-gradient(#7c8a6d 0%, #e6d8c4 25%, #e6d8c4 100%);
}
@media screen and (max-width: 768px) {
  .l-sec08 {
    padding: 40rem 20rem;
  }
}
.l-sec08_title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.l-sec08_title img {
  position: absolute;
  top: -26px;
  right: 119.6px;
  width: 117px;
}
@media screen and (max-width: 768px) {
  .l-sec08_title img {
    top: -20rem;
    right: 87rem;
    width: 90rem;
  }
}
.l-sec08_title h2 {
  font-weight: 600;
  font-size: 28.6px;
  line-height: 52px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .l-sec08_title h2 {
    font-size: 22rem;
    line-height: 40rem;
  }
}
.l-sec08_title h2 .number {
  font-size: 57.2px;
  font-weight: 700;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  .l-sec08_title h2 .number {
    font-size: 44rem;
    margin: 0 10rem;
  }
}
.l-sec08_title h2 .min {
  font-size: 33.8px;
}
@media screen and (max-width: 768px) {
  .l-sec08_title h2 .min {
    font-size: 26rem;
  }
}
.l-sec08_title h2 .bttxt {
  font-size: 39px;
}
@media screen and (max-width: 768px) {
  .l-sec08_title h2 .bttxt {
    font-size: 30rem;
  }
}
.l-sec08_bottom {
  margin-top: 30px;
  font-weight: 600;
  font-size: 26px;
  line-height: 52px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec08_bottom {
    margin-top: 30rem;
    font-size: 20rem;
    line-height: 40rem;
  }
}
.l-sec08_bottom span {
  border-bottom: 1px solid #d4b98b;
}
.l-sec08_box {
  position: relative;
  margin-top: 39px;
}
@media screen and (max-width: 768px) {
  .l-sec08_box {
    margin-top: 30rem;
  }
}
.l-sec08_box .before-after-container {
  width: 100% !important;
}
.l-sec08_box .before-image,
.l-sec08_box .after-image {
  display: block;
  width: 100%;
  height: auto;
}
.l-sec08_box .beforetxt {
  position: absolute;
  top: 15px;
  left: 15px;
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 20.8px;
  text-align: center;
  color: #222;
  background: #bfc5c9;
  padding: 0px 13px;
}
@media screen and (max-width: 768px) {
  .l-sec08_box .beforetxt {
    top: 15rem;
    left: 15rem;
    font-size: 16rem;
    padding: 0 10rem;
  }
}
.l-sec08_box .aftertxt {
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 20.8px;
  text-align: center;
  color: #fff;
  background: #d59593;
  padding: 0px 13px;
}
@media screen and (max-width: 768px) {
  .l-sec08_box .aftertxt {
    top: 15rem;
    right: 15rem;
    font-size: 16rem;
    padding: 0 10rem;
  }
}
.l-sec08_box .after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}
.l-sec08_box .slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: #fff;
  cursor: ew-resize;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .l-sec08_box .slider-handle {
    width: 3rem;
  }
}
.l-sec08_box .slider-handle::before {
  content: "◀";
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 50%;
  width: 33px;
  transform: translateX(-50%);
  color: #fff;
  transition: opacity 0.3s ease;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .l-sec08_box .slider-handle::before {
    width: 33rem;
  }
}
.l-sec08_box .slider-handle::after {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transition: opacity 0.3s ease;
  pointer-events: auto;
  animation: slideText 0.5s ease-in-out infinite;
}
.l-sec08_box .slider-handle.active::after {
  opacity: 0;
}
.l-sec08_box .slider-handle.active::before {
  opacity: 0;
}
.l-sec08_box .slider-handle.used::after {
  animation: none;
}

.l-sec09 {
  position: relative;
}
.l-sec09_box {
  position: absolute;
  top: 39px;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-sec09_box {
    top: 30rem;
  }
}
.l-sec09_title {
  position: relative;
}
.l-sec09_title h2 {
  position: relative;
  z-index: 2;
  font-weight: 600;
  font-size: 28.6px;
  line-height: 62.4px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec09_title h2 {
    font-size: 22rem;
    line-height: 48rem;
  }
}
.l-sec09_title h2 span {
  color: #d16765;
  font-size: 39px;
}
@media screen and (max-width: 768px) {
  .l-sec09_title h2 span {
    font-size: 30rem;
  }
}
.l-sec09_title .titlebg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 130%;
  transform: translate(-50%, -50%);
}
.l-sec09_txt {
  margin-top: 32.5px;
  font-weight: 500;
  font-size: 20.8px;
  line-height: 39px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec09_txt {
    margin-top: 25rem;
    font-size: 16rem;
    line-height: 30rem;
  }
}
.l-sec09_bottom {
  position: relative;
  z-index: 3;
  margin-top: -39px;
  background-image: url(https://d2w53g1q050m78.cloudfront.net/valcosmejp/uploads/image/lady/sec09-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  padding: 78px 0px 0;
}
@media screen and (max-width: 768px) {
  .l-sec09_bottom {
    padding: 60rem 0 0;
    margin-top: -30rem;
  }
}
.l-sec09_bottom_title {
  font-weight: 500;
  font-size: 39px;
  line-height: 62.4px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-sec09_bottom_title {
    font-size: 30rem;
    line-height: 48rem;
  }
}
.l-sec09_bottom_title span {
  color: transparent;
  animation: blur02 6s ease-out infinite;
}
.l-sec09_bottom_title span:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.l-sec09_bottom_title span:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.l-sec09_bottom_title span:nth-child(3) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.l-sec09_bottom_title span:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.l-sec09_bottom_title span:nth-child(5) {
  animation-delay: 0.5s;
}
.l-sec09_bottom_img {
  max-width: 299px;
  width: 100%;
  margin: auto;
  margin-top: 20px;
  margin-right: 52px;
}
@media screen and (max-width: 768px) {
  .l-sec09_bottom_img {
    margin-right: 40rem;
    margin-top: 20rem;
    max-width: 230rem;
  }
}
.l-sec09 .p-buysec {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 20%, #fff 100%);
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .l-sec09 .p-buysec {
    padding-bottom: 60rem;
  }
}

.l-faq {
  background: #eae8e5;
  padding: 78px 26px;
}
@media screen and (max-width: 768px) {
  .l-faq {
    padding: 60rem 20rem;
  }
}
.l-faq_title h2 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 45.5px;
}
@media screen and (max-width: 768px) {
  .l-faq_title h2 {
    gap: 35rem;
  }
}
.l-faq_title h2 .en {
  font-family: "Bodoni Moda", serif;
  font-weight: 600;
  font-size: 31.2px;
  letter-spacing: 0.08em;
  text-align: center;
  color: #9a9187;
}
@media screen and (max-width: 768px) {
  .l-faq_title h2 .en {
    font-size: 24rem;
  }
}
.l-faq_title h2 .jp {
  font-weight: 40;
  font-size: 16.9px;
  text-align: center;
  color: #6a6a6a;
}
@media screen and (max-width: 768px) {
  .l-faq_title h2 .jp {
    font-size: 13rem;
  }
}
.l-faq_title h2::before {
  position: absolute;
  content: "";
  width: 208px;
  border: 1px solid #9a9187;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .l-faq_title h2::before {
    width: 160rem;
    border-width: 1rem;
  }
}
.l-faq_title h2::after {
  position: absolute;
  content: "";
  width: 26px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  border: 1px solid #9a9187;
}
@media screen and (max-width: 768px) {
  .l-faq_title h2::after {
    width: 20rem;
    border-width: 1rem;
  }
}
.l-faq_box {
  margin-top: 39px;
}
@media screen and (max-width: 768px) {
  .l-faq_box {
    margin-top: 30rem;
  }
}
.l-faq__itembox {
  margin-bottom: 39px;
  border-bottom: 1px solid #d7d2cb;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox {
    margin-bottom: 30rem;
    padding-bottom: 10rem;
  }
}
.l-faq__itembox:last-child {
  margin-bottom: 0;
}
.l-faq__itembox .question {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.l-faq__itembox .question.active::after {
  height: 17px;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox .question.active::after {
    height: 17rem;
  }
}
.l-faq__itembox .question::before {
  position: absolute;
  content: "";
  width: 17px;
  height: 1px;
  right: 0;
  top: 10px;
  background-color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox .question::before {
    width: 17rem;
    top: 10rem;
  }
}
.l-faq__itembox .question::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 0px;
  right: 8px;
  top: 2px;
  background-color: #7c8a6d;
  transition: 0.1s;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox .question::after {
    right: 8rem;
    top: 2rem;
  }
}
.l-faq__itembox .question .q-txt {
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-align: left;
  color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox .question .q-txt {
    font-size: 24rem;
  }
}
.l-faq__itembox .question_txt {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox .question_txt {
    font-size: 16rem;
    line-height: 26rem;
  }
}
.l-faq__itembox .answer {
  margin: 15px auto 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox .answer {
    gap: 10rem;
    margin: 15rem auto 10rem;
  }
}
.l-faq__itembox .answer .a-txt {
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-align: left;
  color: #d4b98b;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox .answer .a-txt {
    font-size: 24rem;
  }
}
.l-faq__itembox .answer_txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-faq__itembox .answer_txt {
    font-size: 15rem;
    line-height: 24rem;
  }
}
.l-faq__link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .l-faq__link {
    margin-top: 20rem;
  }
}
.l-faq__link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  border: 1px solid #7c8a6d;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .l-faq__link a {
    font-size: 15rem;
    width: 250rem;
    height: 50rem;
  }
}

.l-bottomsec {
  padding: 65px 26px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .l-bottomsec {
    padding: 50rem 20rem;
  }
}
.l-bottomsec .container {
  border: 1px solid #dbdbdb;
}
.l-bottomsec_itembox {
  margin-bottom: 39px;
}
@media screen and (max-width: 768px) {
  .l-bottomsec_itembox {
    margin-bottom: 30rem;
  }
}
.l-bottomsec_itembox:last-child {
  margin-bottom: 0;
}
.l-bottomsec_itembox_head {
  background: #eae8e5;
  padding: 13px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 18.2px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-bottomsec_itembox_head {
    font-size: 14rem;
    padding: 10rem;
  }
}
.l-bottomsec_itembox_content {
  margin: 15px auto;
  padding: 0px 20px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 16.9px;
  line-height: 26px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-bottomsec_itembox_content {
    font-size: 13rem;
    line-height: 20rem;
    margin: 15rem auto;
    padding: 0 20rem;
  }
}
.l-bottomsec_itembox_content ul {
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  .l-bottomsec_itembox_content ul {
    margin: 20rem auto;
  }
}
.l-bottomsec_itembox_content ul li {
  font-size: 16.9px;
  line-height: 28.6px;
  position: relative;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
@media screen and (max-width: 768px) {
  .l-bottomsec_itembox_content ul li {
    font-size: 13rem;
    line-height: 22rem;
  }
}
.l-bottomsec_itembox_content ul li::before {
  content: "■";
  margin-right: 7px;
}
@media screen and (max-width: 768px) {
  .l-bottomsec_itembox_content ul li::before {
    margin-right: 7rem;
  }
}

.l-footer {
  position: relative;
  border: none;
  z-index: 1003;
  background: #d7d2cb;
  max-width: 500px;
  width: 100%;
  margin: auto;
  padding: 39px;
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding: 30rem;
    max-width: 100%;
  }
}
.l-footer_logo {
  max-width: 182px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .l-footer_logo {
    max-width: 140rem;
  }
}
.l-footer_insta {
  width: 32.5px;
  margin: 26px auto;
}
@media screen and (max-width: 768px) {
  .l-footer_insta {
    margin: 20rem auto;
    width: 25rem;
  }
}
.l-footer_info {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 15.6px;
  line-height: 24.7px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-footer_info {
    font-size: 12rem;
    line-height: 19rem;
  }
}
.l-footer_nav {
  margin-top: 19.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .l-footer_nav {
    gap: 10rem;
    margin-top: 15rem;
  }
}
.l-footer_nav li,
.l-footer_nav a {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 15.6px;
  line-height: 31.2px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-footer_nav li,
  .l-footer_nav a {
    font-size: 12rem;
    line-height: 24rem;
  }
}

.l-men .l-sec02 {
  padding-top: 0;
}
.l-men .l-sec02_head_txt {
  color: #fff;
}
.l-men .l-sec02_head_txt .num,
.l-men .l-sec02_head_txt .min {
  color: #fff;
}
.l-men .l-sec02_title {
  color: #fff;
}
.l-men .l-sec02_txt {
  color: #fff;
}
.l-men .l-sec02_bottomtxt {
  color: #fff;
}
.l-men .l-sec02_content {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
}
.l-men .l-sec02_img {
  margin-top: 0;
}
.l-men .l-sec02 .dots img {
  filter: brightness(0);
}
.l-men .l-sec04 {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/valcosmejp/uploads/image/man/sec04-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
}
.l-men .l-sec04__itembox .itemtitle h3 {
  color: #2c3e50;
}
.l-men .p-buysec_content {
  background: #dce5ed;
}
.l-men .p-buysec_item_head .limit {
  color: #2c3e50;
}
.l-men .l-sec06_table table tr:nth-child(2) th {
  background: #3d5c7b;
}
.l-men .l-sec06_table table tr:nth-child(2) td {
  background: #dce5ed;
}
.l-men .l-sec08_title img {
  right: unset;
  left: 110px;
}
@media screen and (max-width: 768px) {
  .l-men .l-sec08_title img {
    left: 80rem;
  }
}
.l-men .l-sec09_title h2 span {
  color: #3d5c7b;
}
.l-men .l-sec09_bottom {
  background-image: url(https://d2w53g1q050m78.cloudfront.net/valcosmejp/uploads/image/man/sec09-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
}
.l-men .l-nav_col01_list li a .linktxt .en {
  color: #2c3e50;
}

.fixpage .main {
  background: #fff;
  padding: 50px 26px 100px;
}
@media screen and (max-width: 768px) {
  .fixpage .main {
    padding: 100rem 20rem 80rem;
  }
}

.p-pagetitle {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-pagetitle {
    margin-bottom: 40rem;
  }
}
.p-pagetitle .title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
}
@media screen and (max-width: 768px) {
  .p-pagetitle .title {
    gap: 35rem;
  }
}
.p-pagetitle .title .en {
  font-family: "Bodoni Moda", serif;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.08em;
  text-align: center;
  color: #9a9187;
}
@media screen and (max-width: 768px) {
  .p-pagetitle .title .en {
    font-size: 24rem;
  }
}
.p-pagetitle .title .jp {
  font-weight: 40;
  font-size: 13px;
  text-align: center;
  color: #6a6a6a;
}
@media screen and (max-width: 768px) {
  .p-pagetitle .title .jp {
    font-size: 13rem;
  }
}
.p-pagetitle .title::before {
  position: absolute;
  content: "";
  width: 208px;
  border: 1px solid #9a9187;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-pagetitle .title::before {
    width: 160rem;
    border-width: 1rem;
  }
}
.p-pagetitle .title::after {
  position: absolute;
  content: "";
  width: 26px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  border: 1px solid #9a9187;
}
@media screen and (max-width: 768px) {
  .p-pagetitle .title::after {
    width: 20rem;
    border-width: 1rem;
  }
}

.p-pagelinks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 13px;
}
@media screen and (max-width: 768px) {
  .p-pagelinks {
    grid-gap: 10rem;
  }
}
.p-pagelinks li {
  width: 100%;
}
.p-pagelinks li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
  font-weight: 400;
  font-size: 18.2px;
  text-align: center;
  color: #222;
  background: #eae8e5;
}
@media screen and (max-width: 768px) {
  .p-pagelinks li a {
    font-size: 14rem;
    padding: 10rem;
  }
}

.p-faq {
  padding: 0 !important;
}
.p-faq__itembox {
  padding-top: 91px;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox {
    padding-top: 70rem;
  }
}
.p-faq__itembox:first-child {
  padding-top: 52px;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox:first-child {
    padding-top: 40rem;
  }
}
.p-faq__itembox_title {
  font-weight: 600;
  font-size: 26px;
  text-align: center;
  color: #9a9187;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox_title {
    font-size: 20rem;
  }
}
.p-faq__itembox_list {
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox_list {
    margin-top: 20rem;
  }
}
.p-faq__itembox .faqitem {
  margin-bottom: 39px;
  border-bottom: 1px solid #d7d2cb;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem {
    margin-bottom: 30rem;
    padding-bottom: 10rem;
  }
}
.p-faq__itembox .faqitem:last-child {
  margin-bottom: 0;
}
.p-faq__itembox .faqitem .question {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.p-faq__itembox .faqitem .question.active::after {
  height: 0;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem .question.active::after {
    height: 0;
  }
}
.p-faq__itembox .faqitem .question::before {
  position: absolute;
  content: "";
  width: 17px;
  height: 1px;
  right: 0;
  top: 10px;
  background-color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem .question::before {
    width: 17rem;
    top: 10rem;
  }
}
.p-faq__itembox .faqitem .question::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 17px;
  right: 8px;
  top: 2px;
  background-color: #7c8a6d;
  transition: 0.1s;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem .question::after {
    right: 8rem;
    top: 2rem;
  }
}
.p-faq__itembox .faqitem .question .q-txt {
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-align: left;
  color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem .question .q-txt {
    font-size: 24rem;
  }
}
.p-faq__itembox .faqitem .question_txt {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem .question_txt {
    font-size: 16rem;
    line-height: 26rem;
  }
}
.p-faq__itembox .faqitem .answer {
  margin: 15px auto 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem .answer {
    gap: 10rem;
    margin: 15rem auto 10rem;
  }
}
.p-faq__itembox .faqitem .answer .a-txt {
  font-family: "Bodoni Moda", serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-align: left;
  color: #d4b98b;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem .answer .a-txt {
    font-size: 24rem;
  }
}
.p-faq__itembox .faqitem .answer_txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-faq__itembox .faqitem .answer_txt {
    font-size: 15rem;
    line-height: 24rem;
  }
}

.p-law__itembox {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox {
    margin-bottom: 50rem;
  }
}
.p-law__itembox:last-child {
  margin-bottom: 0;
}
.p-law__itembox_head {
  background: #eae8e5;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 15px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_head {
    font-size: 15rem;
    padding: 10rem 15rem;
  }
}
.p-law__itembox_content {
  margin-top: 20px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content {
    margin-top: 20rem;
    margin-left: 5rem;
  }
}
.p-law__itembox_content .itemrow {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .itemrow {
    margin-bottom: 20rem;
  }
}
.p-law__itembox_content .itemrow:last-child {
  margin-bottom: 0;
}
.p-law__itembox_content .itemrow_head {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #9a9187;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .itemrow_head {
    font-size: 14rem;
  }
}
.p-law__itembox_content .itemrow_txt {
  margin-top: 7px;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .itemrow_txt {
    font-size: 14rem;
    margin-top: 7rem;
  }
}
.p-law__itembox_content a {
  text-decoration: underline;
  color: #329DD9;
}
.p-law__itembox_content .col-red {
  color: #D11541;
}
.p-law__itembox_content .boxlist_head {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  text-align: left;
  color: #222;
  display: inline-block;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .boxlist_head {
    margin-bottom: 10rem;
    font-size: 15rem;
    line-height: 25rem;
  }
}
.p-law__itembox_content .boxlist li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .boxlist li {
    padding-left: 20rem;
    margin-bottom: 20rem;
  }
}
.p-law__itembox_content .boxlist li:last-child {
  margin-bottom: 0;
}
.p-law__itembox_content .boxlist li::before {
  position: absolute;
  content: "●";
  left: 0;
  top: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .boxlist li::before {
    top: 6rem;
    font-size: 14rem;
  }
}
.p-law__itembox_content .dotlist {
  position: relative;
  margin: 0;
}
.p-law__itembox_content .dotlist li {
  list-style: disc;
  padding-left: 0;
  margin: 0;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .dotlist li {
    margin-left: 20rem;
  }
}
.p-law__itembox_content .dotlist li::marker {
  font-size: 8px;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .dotlist li::marker {
    font-size: 8rem;
  }
}
.p-law__itembox_content .dotlist li::before {
  content: "";
}
.p-law__itembox_content .txt {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 25px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .txt {
    font-size: 14rem;
    line-height: 25rem;
  }
}
.p-law__itembox_content .smalltxt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: left;
  color: #6a6a6a;
  margin: 10px auto;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .smalltxt {
    font-size: 13rem;
    line-height: 21rem;
    margin: 10rem auto;
  }
}
.p-law__itembox_content table {
  width: 100%;
  border: 1px solid #d7d2cb;
  border-collapse: collapse;
}
.p-law__itembox_content table th {
  background: #eae8e5;
  padding: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-align: left;
  color: #6a6a6a;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content table th {
    padding: 10rem;
    font-size: 13rem;
  }
}
.p-law__itembox_content table td {
  padding: 10px 15px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  color: #6A6A6A;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content table td {
    font-size: 14rem;
    line-height: 22rem;
    padding: 10rem;
  }
}
.p-law__itembox_content .m-0 {
  margin: 0;
}
.p-law__itembox_content .mt-10 {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .mt-10 {
    margin-top: 10rem;
  }
}
.p-law__itembox_content .mt-15 {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .mt-15 {
    margin-top: 15rem;
  }
}
.p-law__itembox_content .mt-20 {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .mt-20 {
    margin-top: 20rem;
  }
}
.p-law__itembox_content .mb-10 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .mb-10 {
    margin-bottom: 10rem;
  }
}
.p-law__itembox_content .mb-20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-law__itembox_content .mb-20 {
    margin-top: 20rem;
  }
}

.p-privacy__itembox {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox {
    margin-bottom: 50rem;
  }
}
.p-privacy__itembox:last-child {
  margin-bottom: 0;
}
.p-privacy__itembox_head {
  background: #eae8e5;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 15px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox_head {
    font-size: 15rem;
    padding: 10rem 15rem;
  }
}
.p-privacy__itembox_content {
  margin-top: 20px;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox_content {
    margin-top: 20rem;
    margin-left: 5rem;
  }
}
.p-privacy__itembox a {
  text-decoration: underline;
  color: #329DD9;
}
.p-privacy__itembox .col-red {
  color: #D11541;
}
.p-privacy__itembox .boxlist_head {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  text-align: left;
  color: #222;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .boxlist_head {
    margin-bottom: 10rem;
    font-size: 15rem;
    line-height: 25rem;
  }
}
.p-privacy__itembox .boxlist li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .boxlist li {
    padding-left: 20rem;
    margin-bottom: 20rem;
  }
}
.p-privacy__itembox .boxlist li:last-child {
  margin-bottom: 0;
}
.p-privacy__itembox .boxlist li::before {
  position: absolute;
  content: "●";
  left: 0;
  top: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .boxlist li::before {
    top: 6rem;
    font-size: 14rem;
  }
}
.p-privacy__itembox ol li {
  list-style: decimal;
  margin-left: 20px;
  margin-bottom: 20px;
}
.p-privacy__itembox ol li:last-child {
  margin-bottom: 0;
}
.p-privacy__itembox ol li::marker {
  font-weight: 600;
  font-size: 16px;
  color: #7c8a6d;
}
.p-privacy__itembox ol li .boxlist_head {
  display: block;
}
.p-privacy__itembox .txt {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 25px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .txt {
    font-size: 14rem;
    line-height: 25rem;
  }
}
.p-privacy__itembox .smalltxt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  text-align: left;
  color: #6a6a6a;
  margin: 10px auto;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .smalltxt {
    font-size: 13rem;
    line-height: 21rem;
    margin: 10rem auto;
  }
}
.p-privacy__itembox .m-0 {
  margin: 0;
}
.p-privacy__itembox .mt-10 {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .mt-10 {
    margin-top: 10rem;
  }
}
.p-privacy__itembox .mt-15 {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .mt-15 {
    margin-top: 15rem;
  }
}
.p-privacy__itembox .mt-20 {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .mt-20 {
    margin-top: 20rem;
  }
}
.p-privacy__itembox .mb-10 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .mb-10 {
    margin-bottom: 10rem;
  }
}
.p-privacy__itembox .mb-20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-privacy__itembox .mb-20 {
    margin-top: 20rem;
  }
}

.p-contact_faqlink a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  border: 1px solid #7c8a6d;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #7c8a6d;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .p-contact_faqlink a {
    width: 250rem;
    height: 50rem;
    font-size: 15rem;
  }
}
.p-contact_head {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-contact_head {
    margin-top: 40rem;
  }
}
.p-contact_head_title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 25px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-contact_head_title {
    font-size: 14rem;
    line-height: 25rem;
  }
}
.p-contact_head_note {
  margin-top: 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  color: #6a6a6a;
}
@media screen and (max-width: 768px) {
  .p-contact_head_note {
    margin-top: 10rem;
    font-size: 13rem;
    line-height: 20rem;
  }
}
.p-contact_formbox {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox {
    margin-top: 40rem;
  }
}
.p-contact_formbox__item {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item {
    margin-bottom: 20rem;
    gap: 10rem;
  }
}
.p-contact_formbox__item .itemhead {
  position: relative;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item .itemhead {
    font-size: 15rem;
  }
}
.p-contact_formbox__item .itemhead .col-red {
  position: absolute;
  top: -2px;
  right: -13px;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item .itemhead .col-red {
    top: -5rem;
    right: -15rem;
  }
}
.p-contact_formbox__item .formErrorContent {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item .formErrorContent {
    font-size: 12rem;
  }
}
.p-contact_formbox__item_texts {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item_texts {
    gap: 10rem;
  }
}
.p-contact_formbox__item_texts input {
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #d8d8d8;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  padding: 0 15px;
  outline: none;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item_texts input {
    height: 50rem;
    font-size: 15rem;
    padding: 0 15rem;
  }
}
.p-contact_formbox__item_texts input::-moz-placeholder {
  color: #6a6a6a;
}
.p-contact_formbox__item_texts input::placeholder {
  color: #6a6a6a;
}
.p-contact_formbox__item_mail {
  width: 100%;
  max-width: 100%;
}
.p-contact_formbox__item_mail input {
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #d8d8d8;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  padding: 0 15px;
  outline: none;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item_mail input {
    height: 50rem;
    font-size: 15rem;
    padding: 0 15rem;
  }
}
.p-contact_formbox__item_mail input::-moz-placeholder {
  color: #6a6a6a;
}
.p-contact_formbox__item_mail input::placeholder {
  color: #6a6a6a;
}
.p-contact_formbox__item_tel {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item_tel {
    gap: 10rem;
  }
}
.p-contact_formbox__item_tel input {
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #d8d8d8;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  padding: 0 15px;
  outline: none;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item_tel input {
    height: 50rem;
    font-size: 15rem;
    padding: 0 15rem;
  }
}
.p-contact_formbox__item_tel input::-moz-placeholder {
  color: #6a6a6a;
}
.p-contact_formbox__item_tel input::placeholder {
  color: #6a6a6a;
}
.p-contact_formbox__item_tel span {
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #b5b5b5;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item_tel span {
    font-size: 14rem;
  }
}
.p-contact_formbox__item_select {
  max-width: 100%;
  width: 100%;
  position: relative;
}
.p-contact_formbox__item_select .selectitem {
  position: relative;
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #d8d8d8;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  padding: 15px;
  outline: none;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item_select .selectitem {
    height: 50rem;
    font-size: 15rem;
    padding: 15rem;
  }
}
.p-contact_formbox__item_select .selectitem::after {
  content: "\e901";
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  transform: rotate(90deg);
  pointer-events: none;
}
.p-contact_formbox__item_textarea {
  min-width: auto;
  width: 100%;
  height: 200px;
  background: #fff;
  border: 1px solid #d8d8d8;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  padding: 15px;
  outline: none;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox__item_textarea {
    height: 200rem;
    font-size: 15rem;
    padding: 15rem;
  }
}
.p-contact_formbox .privacybox {
  margin-top: 40px;
}
@media screen and (max-width: 1440px) {
  .p-contact_formbox .privacybox {
    margin-top: 40rem;
  }
}
.p-contact_formbox_privacy {
  margin: 0 auto;
  text-align: center;
}
.p-contact_formbox_privacy .privacy_checkbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 15px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox_privacy .privacy_checkbox {
    font-size: 15rem;
  }
}
.p-contact_formbox_privacy .privacy_checkbox input {
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  margin-right: 5px;
  border-radius: 2px;
  flex-shrink: 0;
  min-width: 20px;
  accent-color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .p-contact_formbox_privacy .privacy_checkbox input {
    width: 20rem;
    height: 20rem;
    margin-right: 5rem;
    border-radius: 2rem;
    min-width: 20rem;
  }
}
.p-contact_formbox_privacy .privacy_checkbox a {
  text-decoration: underline;
  color: #329DD9;
}
.p-contact_submitbtn {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1440px) {
  .p-contact_submitbtn {
    margin-top: 40rem;
    gap: 20rem;
  }
}
.p-contact_submitbtn .formbtn {
  cursor: pointer;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  background: #7c8a6d;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-contact_submitbtn .formbtn:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 768px) {
  .p-contact_submitbtn .formbtn {
    width: 250rem;
    height: 50rem;
    font-size: 15rem;
  }
}
.p-contact_submitbtn .backbtn {
  cursor: pointer;
  outline: none;
  border: 1px solid #7c8a6d;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  background: #fff;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #7c8a6d;
}
@media screen and (max-width: 768px) {
  .p-contact_submitbtn .backbtn {
    width: 250rem;
    height: 50rem;
    font-size: 15rem;
  }
}
.p-contact .col-red {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #d11541;
}

.p-confirm_toptxt {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-confirm_toptxt {
    font-size: 14rem;
  }
}
.p-confirm_box {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-confirm_box {
    margin-top: 40rem;
  }
}
.p-confirm__item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dedede;
}
.p-confirm__item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-confirm__item {
    gap: 15rem;
    margin-bottom: 25rem;
    padding-bottom: 15rem;
  }
}
.p-confirm__item .itemhead {
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-confirm__item .itemhead {
    font-size: 15rem;
  }
}
.p-confirm__item .itemtxt {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: left;
  color: #6a6a6a;
}
@media screen and (max-width: 768px) {
  .p-confirm__item .itemtxt {
    font-size: 15rem;
    line-height: 25rem;
  }
}

.p-thanks .thankstxt01 {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  line-height: 2;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .p-thanks .thankstxt01 {
    font-size: 14rem;
  }
}
.p-thanks .thankstxt02 {
  margin-top: 20px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  color: #d11541;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .p-thanks .thankstxt02 {
    gap: 10rem;
    font-size: 14rem;
    line-height: 22rem;
    margin-top: 20rem;
  }
}
.p-thanks .thankstxt02 img {
  width: 25px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-thanks .thankstxt02 img {
    width: 25rem;
  }
}
.p-thanks_topbtn {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .p-thanks_topbtn {
    margin-top: 60rem;
  }
}
.p-thanks_topbtn a {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  background: #7c8a6d;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .p-thanks_topbtn a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 768px) {
  .p-thanks_topbtn a {
    width: 250rem;
    height: 50rem;
    font-size: 15rem;
  }
}

.page-container blockquote {
  display: none;
}

.l-formsec {
  position: relative;
  padding: 60px 26px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .l-formsec {
    padding: 60rem 20rem;
  }
}
.l-formsec_title {
  font-weight: 500;
  font-size: 20.8px;
  line-height: 36.4px;
  text-align: center;
  color: #222;
  padding-bottom: 13px;
  border-bottom: 1px solid #dbdbdb;
}
@media screen and (max-width: 768px) {
  .l-formsec_title {
    font-size: 16rem;
    line-height: 28rem;
    padding-bottom: 10rem;
  }
}
.l-formsec .form_container_ec,
.l-formsec .login_message_box_ec,
.l-formsec table.landing_form_ec {
  width: 100%;
}
.l-formsec .landing_form_label_sp_ec,
.l-formsec .landing_form_label_ec {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #222;
  background: #eae8e5;
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}
@media screen and (max-width: 768px) {
  .l-formsec .landing_form_label_sp_ec,
  .l-formsec .landing_form_label_ec {
    font-size: 16rem;
    margin-bottom: 0rem !important;
    margin-top: 50rem !important;
  }
}
.l-formsec .login_message_box_sp_ec,
.l-formsec .login_message_box_ec {
  border: 1px solid #dbdbdb;
}
.l-formsec .login_message_wrapper_sp_ec,
.l-formsec .login_message_wrapper_ec {
  font-size: 14px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-formsec .login_message_wrapper_sp_ec,
  .l-formsec .login_message_wrapper_ec {
    font-size: 14rem;
  }
}
.l-formsec .purchase_message_sp_ec,
.l-formsec .login_message_ec,
.l-formsec .purchase_message_ec {
  padding: 30px 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #6a6a6a;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .l-formsec .purchase_message_sp_ec,
  .l-formsec .login_message_ec,
  .l-formsec .purchase_message_ec {
    font-size: 13rem;
    line-height: 20rem;
  }
}
.l-formsec .input_zip_sp_ec input {
  width: 80% !important;
}
.l-formsec .input_birth_sp_ec select {
  width: 30% !important;
}
.l-formsec #view-input-card-expire select {
  width: 25% !important;
}
.l-formsec #select_scheduled_to_be_delivered_at,
.l-formsec #select_scheduled_delivery_time {
  width: 50% !important;
}
.l-formsec table.landing_form_ec {
  border: none;
  background: #fff;
}
.l-formsec table.landing_form_ec tr {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #222;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .l-formsec table.landing_form_ec tr {
    font-size: 14rem;
    gap: 8rem;
  }
}
.l-formsec table.landing_form_ec tr.input_zip_ec input {
  width: 80% !important;
}
.l-formsec table.landing_form_ec tr.input_birth_ec select {
  width: 30% !important;
}
.l-formsec table.landing_form_ec tr#view-input-card-expire select {
  width: 25% !important;
}
.l-formsec table.landing_form_ec tr #select_scheduled_to_be_delivered_at,
.l-formsec table.landing_form_ec tr #select_scheduled_delivery_time {
  width: 50% !important;
}
.l-formsec table.landing_form_ec tr th {
  padding: 0;
  border: none;
  background-color: transparent;
}
.l-formsec table.landing_form_ec tr td {
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
}
.l-formsec #lp-form .form_box_label_sp_ec,
.l-formsec #lp-form .form_box_label_ec {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #222;
  border: none;
  background: transparent;
}
@media screen and (max-width: 768px) {
  .l-formsec #lp-form .form_box_label_sp_ec,
  .l-formsec #lp-form .form_box_label_ec {
    font-size: 14rem;
  }
}
.l-formsec #lp-form .form_box_label_sp_ec strong,
.l-formsec #lp-form .form_box_label_ec strong {
  font-weight: 400;
}
.l-formsec span.form_required_sp_ec,
.l-formsec span.form_required_ec {
  border-radius: 10px;
  background: #d11541;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-align: center;
  color: #fff;
  padding: 1px 10px;
}
@media screen and (max-width: 768px) {
  .l-formsec span.form_required_sp_ec,
  .l-formsec span.form_required_ec {
    font-size: 10rem;
    border-radius: 10rem;
  }
}
.l-formsec #lp-form .form_group_sp_ec,
.l-formsec #lp-form .form_group_ec {
  padding: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-formsec #lp-form .form_group_sp_ec,
  .l-formsec #lp-form .form_group_ec {
    font-size: 14rem;
    margin-bottom: 30rem;
  }
}
.l-formsec #lp-form .form_group_sp_ec ul li,
.l-formsec #lp-form .form_group_ec ul li {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.7;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-formsec #lp-form .form_group_sp_ec ul li,
  .l-formsec #lp-form .form_group_ec ul li {
    font-size: 13rem;
  }
}
.l-formsec #lp-form .form_group_sp_ec select,
.l-formsec #lp-form .form_group_sp_ec input,
.l-formsec #lp-form .form_group_ec select,
.l-formsec #lp-form .form_group_ec input {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #dbdbdb;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-formsec #lp-form .form_group_sp_ec select,
  .l-formsec #lp-form .form_group_sp_ec input,
  .l-formsec #lp-form .form_group_ec select,
  .l-formsec #lp-form .form_group_ec input {
    height: 50rem;
    font-size: 14rem;
    padding: 0 15rem;
  }
}
.l-formsec #lp-form .submit_bottom_sp_ec,
.l-formsec #lp-form .submit_bottom_ec,
.l-formsec #lp-form .submit_button_complete_ec,
.l-formsec #lp-form .submit_button_complete_sp_ec {
  margin: auto;
  margin-top: 30px;
  width: 300px;
  height: 50px;
  padding: 0;
  background: url(https://d2w53g1q050m78.cloudfront.net/valcosmejp/uploads/image/common/CTA_btn.png) center;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .l-formsec #lp-form .submit_bottom_sp_ec,
  .l-formsec #lp-form .submit_bottom_ec,
  .l-formsec #lp-form .submit_button_complete_ec,
  .l-formsec #lp-form .submit_button_complete_sp_ec {
    margin-top: 30rem;
    width: 300rem;
    height: 50rem;
  }
}
.l-formsec .agreement_view_ec,
.l-formsec .optin_view_sp_ec,
.l-formsec .agreement_view_sp_ec,
.l-formsec .order_checklist_view_sp_ec {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-formsec .agreement_view_ec,
  .l-formsec .optin_view_sp_ec,
  .l-formsec .agreement_view_sp_ec,
  .l-formsec .order_checklist_view_sp_ec {
    font-size: 13rem;
    line-height: 20rem;
  }
}
.l-formsec .amazon_pay_box_sp_ec,
.l-formsec .amazon_pay_box_ec {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .l-formsec .amazon_pay_box_sp_ec,
  .l-formsec .amazon_pay_box_ec {
    margin-top: 40rem;
  }
}
.l-formsec .amazon_pay_title_sp_ec,
.l-formsec .amazon_pay_title_ec {
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-formsec .amazon_pay_title_sp_ec,
  .l-formsec .amazon_pay_title_ec {
    font-size: 15rem;
  }
}
.l-formsec .amazon_pay_button_all_sp_ec,
.l-formsec .amazon_pay_button_all_ec {
  width: 100%;
  height: auto;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  .l-formsec .amazon_pay_button_all_sp_ec,
  .l-formsec .amazon_pay_button_all_ec {
    margin: 20rem auto;
  }
}
.l-formsec .amazon_pay_message_sp_ec,
.l-formsec .amazon_pay_message_ec {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 20.8px;
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .l-formsec .amazon_pay_message_sp_ec,
  .l-formsec .amazon_pay_message_ec {
    font-size: 13rem;
    line-height: 20rem;
  }
}
.l-formsec .login_button_sp_ec,
.l-formsec .login_button_ec {
  width: 100%;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .l-formsec .login_button_sp_ec,
  .l-formsec .login_button_ec {
    height: 50rem;
  }
}
.l-formsec #preview-view table.landing_form_ec {
  border: 1px solid #dbdbdb;
  background: #fff;
  width: 100%;
}
.l-formsec #preview-view table.landing_form_ec tr {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  color: #222;
  display: table-row;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .l-formsec #preview-view table.landing_form_ec tr {
    font-size: 14rem;
    gap: 8rem;
  }
}
.l-formsec #preview-view table.landing_form_ec tr th {
  padding: 10px;
  background: #eae8e5;
  border: 1px solid #dbdbdb;
}
.l-formsec #preview-view table.landing_form_ec tr th.product_name_ec {
  width: 30%;
}
.l-formsec #preview-view table.landing_form_ec tr td {
  width: auto;
  padding: 10px;
  border: 1px solid #dbdbdb;
  background: #fff;
}
.l-formsec #preview-view table.landing_form_ec tr td.without_border_ec {
  padding: 0 !important;
}/*# sourceMappingURL=style.css.map */