@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@font-face {
  font-family: "GenSen-M";
  src: url(https://ke-cdn.j2002303.workers.dev/ke/kenew/fonts/GenSenRounded-M.ttc);
  font-display: swap; /* 改善載入體驗 */
}
@font-face {
  font-family: "GenSen-B";
  src: url(https://ke-cdn.j2002303.workers.dev/ke/kenew/fonts/GenSenRounded-B.ttc);
  font-display: swap; /* 改善載入體驗 */
}
@keyframes motion {
  0% {
    width: 0%;
  }
  100% {
    width: 110%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: "GenSen-M", sans-serif;
  width: 100%;
  overflow-x: hidden;
  line-height: 1;
  font-size: min(1vw + 6px);
}

ul, ol {
  list-style: none;
}

.overflow-hidden {
  overflow: hidden;
}

button {
  border: none;
  background: transparent;
  cursor: pointer;
  color: inherit;
  font-size: inherit;
}
button > img {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}
a > img {
  width: inherit;
}

.keep-all {
  word-break: keep-all;
}

.text-center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.menu .active {
  cursor: default;
}
.menu .social {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu-btn > div {
  transition: all 0.5s ease-in-out;
}
.menu-btn.open .close {
  opacity: 0;
}
.menu-btn.open .open {
  opacity: 1;
}
.menu-btn.close .open {
  opacity: 0;
}
.menu-btn.close .close {
  opacity: 1;
}

#product #header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e2e2e2;
}
#product #header .menu-btn > div {
  font-size: 2.3vw;
}
#product #header .menu-btn .open {
  width: 11.2vw;
  height: 9vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.4vw;
  background: #fff;
  flex-direction: column;
  font-weight: bold;
  color: #2cc4c9;
}
#product #header .menu-btn .open p {
  width: 5.2vw;
  height: 0.8vw;
  background: #2cc4c9;
  border-radius: 0.2vw;
}
#product #header .menu-btn .open p:first-of-type {
  margin: 1.2vw 0 0.4vw 0;
}
#product #header .menu-btn .close {
  position: fixed;
  z-index: 99;
  top: 6.7vw;
  right: 0;
  transform: translate(-50%, -50%);
  color: #fff;
}
#product #header .menu-btn .close .icon {
  height: 3.8vw;
}
#product #header .menu-btn .close p {
  margin-top: 2.5vw;
}
#product .title {
  text-align: center;
  color: #2cc4c9;
}
#product .title span {
  color: #ff6649;
}
#product .pr-group {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}
#product .pr-item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}
#product .pr-item.active {
  cursor: default;
}
#product .pr-item:hover .pr-type, #product .pr-item.active .pr-type {
  background: #6c584c;
  color: #fff;
}
#product .pr-image {
  text-align: center;
}
#product .pr-image img {
  max-width: 100%;
  max-height: 100%;
}
#product .pr-type {
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 2px #6c584c;
  color: #6c584c;
}
#product .pr-line {
  width: 100%;
  height: 2px;
  background-color: #c6b7af;
  border: none;
}
#product .pr-info {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#product .pr-main {
  position: relative;
  overflow: hidden;
}
#product .pr-main img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#product .pr-thumbs {
  display: flex;
  align-items: center;
  background: #e2e2e2;
}
#product .pr-thumbs img {
  display: inline-block;
  max-height: 90%;
}
#product .pr-thumbs img:not(.active) {
  cursor: pointer;
}
#product .pr-txt {
  font-family: "NotoSansTC", sans-serif;
}
#product .pr-name {
  color: #232323;
}
#product .pr-price {
  color: #e95134;
}
#product .pr-rules {
  line-height: 2;
}
#product .pr-rules ul {
  list-style-type: disc;
  margin-left: 1.5em;
}
#product .pr-select {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: solid 2px #6c584c;
}
#product .pr-file select {
  display: flex;
  align-items: center;
  background-color: #fff;
  background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/Product/select-btn.svg);
  background-repeat: no-repeat;
  border: none;
  appearance: none;
}
#product .pr-file select:focus {
  outline: none;
}
#product .pr-file a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #6c584c;
  color: #fff;
  font-family: "NotoSansTC", sans-serif;
  font-weight: 200;
}
#product .pr-content * {
  max-width: 100%;
}
#product .bread {
  display: flex;
  color: #a8a8a8;
}
#product .bread span {
  color: #6c584c;
}
#product .top-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  background: #6c584c;
  font-family: "NotoSansTC", sans-serif;
  font-weight: 100;
}

#index .menu {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  background: #003978;
  color: #fff;
  top: 0;
  right: 0;
  z-index: 98;
  transform: translateX(100%);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
#index .menu.show {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
#index .menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
#index .menu-item.active {
  color: #2cc4c9;
}
#index .menu-link {
  color: #fff;
  transition: all 0.5s ease-in-out;
}
#index .menu-link:hover {
  color: #2cc4c9;
  transition: all 0.5s ease-in-out;
}
#index .menu hr {
  background: #fff;
}
#index .menu .copyright {
  line-height: 2;
  text-align: center;
  letter-spacing: 0.1vw;
  font-weight: 100;
}
#index .menu-btn {
  position: absolute;
  top: 0;
  right: 0;
}
#index .menu-btn > div {
  z-index: 99;
  top: 56.5px;
  right: 0;
  transform: translate(-50%, -50%);
  font-size: min(2.3vw, 11px);
}
#index .menu-btn .open {
  width: min(67px, 11.2vw);
  height: min(53px, 9vw);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: min(1.4vw, 10px);
  background: #fff;
  flex-direction: column;
  font-weight: bold;
  color: #2cc4c9;
}
#index .menu-btn .open p {
  width: min(30px, 5.2vw);
  height: min(4px, 0.8vw);
  background: #2cc4c9;
  border-radius: min(1px, 0.2vw);
}
#index .menu-btn .open p:first-of-type {
  margin: min(6px, 1.2vw) 0 min(2px, 0.4vw) 0;
}
#index .menu-btn .close {
  position: fixed;
  color: #fff;
}
#index .menu-btn .close .icon {
  height: min(3.8vw, 20px);
}
#index .menu-btn .close p {
  margin-top: min(2.5vw, 13px);
}
#index #s01 [data-aos] {
  display: inline-block;
}
#index #s01 .content {
  width: 100%;
  position: relative;
  display: flex;
}
#index #s01 .content .bg {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
}
#index #s01 .content > div:first-of-type {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
#index #s01 .content > div:first-of-type .logo {
  display: inline-block;
}
#index #s01 .content > div:first-of-type span.txt-orange {
  color: #ff6649;
}
#index #s01 .content > div:first-of-type span.txt-blue {
  color: #2cc4c9;
}
#index #s01 .content > div:first-of-type p {
  text-align: center;
  color: #242424;
}
#index #s01 .content > div:first-of-type p span {
  display: inline-block;
}
#index #s01 .hover-bake {
  width: 50%;
  background-repeat: no-repeat;
  background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s01-bake_hover.svg);
}
#index #s01 .hover-wash {
  width: 50%;
  background-repeat: no-repeat;
  background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s01-wash_hover.svg);
}
#index #s02 {
  position: relative;
}
#index #s02 p {
  color: #2f2f2f;
}
#index #s02 h3 {
  color: #2cc4c9;
  display: inline-block;
}
#index #s02 h3 span {
  color: #ff6649;
}
#index #s03 {
  background: #f8f8f8;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#index #s03 .top .plate {
  color: #95685f;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}
#index #s03 .top .plate-group {
  display: flex;
  justify-content: center;
  align-items: center;
}
#index #s03 .top .txt1 {
  text-align: center;
  line-height: 1.25;
  color: #95685f;
}
#index #s03 .top .machine {
  position: absolute;
}
#index #s03 .top > div:last-of-type {
  text-align: center;
}
#index #s03 .top > div:last-of-type .txt3 {
  line-height: 1.6;
}
#index #s03 .top > div:last-of-type .logo {
  display: inline-block;
}
#index #s03 .top > div:last-of-type h3 {
  display: inline-block;
  color: #2cc4c9;
}
#index #s03 .top > div:last-of-type h3 span {
  color: #ff6649;
}
#index #s03 .bottom {
  position: relative;
  color: #232323;
}
#index #s03 .bottom .special-text {
  position: absolute;
}
#index #s03 .bottom .special-text h2 {
  color: #fff;
}
#index #s03 .bg-photo {
  position: absolute;
}
#index #s03 [data-aos=s03-animation].aos-animate {
  animation: motion 1s ease-in;
}
#index #s03 .line-orange {
  position: absolute;
  background: #ff664a;
  transform-origin: 0% 0%;
  transform: rotate(5.173deg);
}
#index #s03 .line-blue1 {
  position: absolute;
  left: -3%;
  transform-origin: 0% 0%;
}
#index #s03 .line-blue2 {
  background: #2cc4c9;
  position: absolute;
  transform-origin: 0% 0%;
  transform: rotate(-5.173deg);
}
#index #s04 {
  width: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #2c2622;
}
#index #s04 > div:first-child .title {
  font-weight: normal;
  color: #e95134;
}
#index #s04 > div:first-child .txt-bold {
  font-weight: 500;
}
#index #s04 > div:first-child .txt1 {
  background: #e95134;
  color: #fff;
}
#index #s04 > div:first-child .txt2 {
  line-height: 1.5;
  color: #3f3a39;
}
#index #s04 .step-title {
  color: #fff;
}
#index #s04 .step-title span {
  color: #fffcdb;
}
#index #s04 .step-item {
  display: flex;
}
#index #s04 .step-icon {
  display: inline-block;
}
#index #s04 .step-bold {
  color: #f8f8f8;
}
#index #s04 .step-txt {
  color: #c6c3bd;
  line-height: 1.6;
}
#index #s05 {
  color: #3f3a39;
}
#index #s06 .component-text .title {
  color: #3f3a39;
}
#index #s08 .title {
  color: #2c2622;
}
#index #s08 [data-aos] {
  display: inline-block;
}

#footer {
  font-family: "NotoSansTC", sans-serif;
  margin: 0 auto;
}
#footer > div:nth-of-type(1) .company {
  text-align: center;
  font-weight: 600;
}
#footer > div:nth-of-type(1) hr {
  width: 100%;
  height: 1px;
  border: none;
  background: #232323;
}
#footer > div:nth-of-type(1) .social-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
#footer > div:nth-of-type(2) .station {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  font-weight: bold;
}
#footer > div:nth-of-type(2) .station-group {
  display: flex;
}
#footer > div:nth-of-type(2) .station-group .line {
  background: #232323;
}
#footer > div:nth-of-type(2) .station p {
  margin-bottom: 1em;
}

@media (min-width: 768px) {
  .mobile {
    display: none !important;
  }
  #product #header {
    width: 100%;
    height: 103px;
    padding: 0 calc(2.731277533vw + 1.0237885463px);
    color: #464646;
  }
  #product #header .logo {
    width: 68px;
  }
  #product .menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 18px;
  }
  #product .menu-item.active {
    color: #003978;
    padding-bottom: 10px;
  }
  #product .menu-item:not(:first-of-type) {
    margin-left: calc(1.3215859031vw + 7.8502202643px);
  }
  #product .menu-link {
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
  }
  #product .menu-link:hover::after {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
  #product .menu-link::after {
    width: 100%;
    height: 2px;
    content: "";
    display: block;
    background: #464646;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(300%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }
  #product .menu .social {
    margin-left: calc(1.7621145374vw + 10.4669603524px);
    width: calc(0.8810572687vw + 119.2334801762px);
  }
  #product .menu .social .icon {
    width: 36px;
  }
  #product .title {
    margin: 60px 0;
    font-size: 60px;
  }
  #product .pr-group {
    width: calc(40.5286343612vw + 428.7400881057px);
  }
  #product .pr-item {
    margin: 10px calc(1.40969163vw + 6.1735682819px);
  }
  #product .pr-image {
    width: calc(3.436123348vw + 96.6105726872px);
    height: calc(2.6431718062vw + 69.7004405286px);
  }
  #product .pr-type {
    width: calc(3.436123348vw + 96.6105726872px);
    height: calc(1.4977973568vw + 43.4969162996px);
    font-size: calc(0.7929515419vw + 19.9101321586px);
    margin: calc(0.3524229075vw + 4.2933920705px) 0;
    border-radius: 20px;
  }
  #product .pr-info {
    padding-top: 50px;
  }
  #product .pr-photos {
    margin-right: calc(4.4052863436vw - 13.8325991189px);
  }
  #product .pr-main {
    width: calc(26.4317180617vw + 247.0044052863px);
    height: calc(20.3524229075vw + 190.6933920705px);
    margin-bottom: 10px;
  }
  #product .pr-thumbs {
    width: calc(26.4317180617vw + 247.0044052863px);
    height: calc(2.9074889868vw + 24.6704845815px);
    padding: 0 5px;
  }
  #product .pr-thumbs img {
    margin: 0 5px;
  }
  #product .pr-rules {
    margin-bottom: calc(0.9691629956vw + 8.5568281938px);
  }
  #product .pr-name {
    font-size: calc(1.2334801762vw + 9.5268722467px);
    margin-bottom: calc(0.8810572687vw + 7.2334801762px);
  }
  #product .pr-price {
    margin-bottom: calc(1.1453744493vw + 8.2035242291px);
    font-size: calc(0.7400881057vw + 6.916123348px);
  }
  #product .pr-select {
    width: calc(10.8370044053vw + 102.7718061674px);
    height: calc(1.9383259912vw + 20.1136563877px);
    border-radius: 12px;
  }
  #product .pr-file select {
    width: 95%;
    height: 97%;
    padding-left: calc(0.704845815vw + 7.586784141px);
    font-size: calc(0.6696035242vw + 6.2574449339px);
    background-position: right calc(0.704845815vw + 6.586784141px) center;
    background-size: calc(0.5286343612vw + 5.9400881057px) auto;
  }
  #product .pr-file a {
    width: calc(4.0528634361vw + 40.8740088106px);
    height: calc(1.9383259912vw + 20.1136563877px);
    margin-left: calc(0.5286343612vw + 2.9400881057px);
    border-radius: 12px;
  }
  #product .pr-content {
    width: calc(21.4977973568vw + 574.8969162996px);
  }
  #product .bread {
    width: calc(51.1013215859vw + 327.5418502203px);
    font-size: 20px;
    margin: 70px auto 10px auto;
  }
  #product .top-btn {
    width: 90px;
    height: 90px;
    font-size: 21px;
    margin-left: calc(55.5066079295vw + 233.7092511013px);
  }
  #index .menu {
    width: 620px;
    height: 100vh;
  }
  #index .menu-item {
    width: 39.7vh;
    height: 9.36vh;
    font-size: 2.72vh;
  }
  #index .menu hr {
    width: 39.7vh;
    height: 1px;
  }
  #index .menu .social {
    width: 19.8vh;
    margin: 4.4vh 0 3.1vh 0;
  }
  #index .menu .social .icon {
    width: 4.4vh;
  }
  #index .menu .copyright {
    font-size: 2.2vh;
  }
  #index #s01 .content {
    height: 1033px;
  }
  #index #s01 .content .bg {
    height: 400px;
    transform: translate(-50%, 0);
    animation: bg_moving 0.5s linear;
  }
  #index #s01 .content > div:first-of-type {
    top: 775px;
  }
  #index #s01 .content > div:first-of-type .logo {
    width: 122px;
    margin: 7px 35px 0 0;
  }
  #index #s01 .content > div:first-of-type > span {
    font-size: 90.3px;
  }
  #index #s01 .content > div:first-of-type p {
    margin-top: 40px;
    font-size: 36px;
    letter-spacing: 0.4px;
  }
  #index #s01 .content > div:first-of-type p span {
    padding-bottom: 13px;
    background-repeat: no-repeat;
    background-size: auto 7px;
    background-position: bottom center;
  }
  #index #s01 .content > div:first-of-type p span.wave-orange {
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s01-wave_bake.svg);
  }
  #index #s01 .content > div:first-of-type p span.wave-blue {
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s01-wave_wash.svg);
  }
  #index #s01 .pr-bake {
    position: absolute;
    width: min(480px, 33.3vw);
    top: 430px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  #index #s01 .mousearea {
    width: min(300px, 20.83vw);
    height: min(300px, 20.83vw);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
  }
  #index #s01 .hover-bake {
    position: relative;
    height: 977px;
    font-size: 36px;
    padding: 464px 0 0 calc(25.652173913vw - 169.3913043478px);
    background-size: auto 997px;
    background-position: top right;
    animation: left_block_moving 0.5s linear;
  }
  #index #s01 .hover-bake * {
    cursor: pointer;
  }
  #index #s01 .hover-bake .mousearea {
    right: min(375px, 20vw);
  }
  #index #s01 .hover-bake .lighting {
    left: calc(27.6086956522vw - 159.0652173913px);
    animation: bake_lighting 10s linear infinite;
  }
  #index #s01 .hover-wash {
    position: relative;
    height: 977px;
    font-size: 30px;
    padding: 464px 0 0 21vw;
    background-size: auto 997px;
    background-position: top left;
    animation: right_block_moving 0.5s linear;
  }
  #index #s01 .hover-wash * {
    cursor: pointer;
  }
  #index #s01 .hover-wash .mousearea {
    left: min(375px, 20vw);
  }
  #index #s01 .hover-wash .lighting {
    left: calc(21vw + 38.5px);
    animation: wash_lighting 10s linear infinite;
  }
  #index #s01 .lighting {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 77px;
    height: 77px;
    position: absolute;
    top: 387px;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 3px solid #fff;
    color: #fff;
    padding-top: 7px;
  }
  #index #s01 .pr-name {
    color: #fff;
    font-size: min(68px, 4.7vw);
    margin-top: 20px;
    font-family: "GenSen-M";
    font-weight: 500;
  }
  #index #s01 .lightbox {
    width: 100%;
    height: 1033px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: #fff;
    display: none;
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  #index #s01 .lightbox.bake, #index #s01 .lightbox.wash {
    display: block;
    transition: all 0.5s ease-in-out;
  }
  #index #s01 .lightbox.bake > .wash, #index #s01 .lightbox.bake .close .wash {
    display: none;
  }
  #index #s01 .lightbox.wash > div.bake, #index #s01 .lightbox.wash .close .bake {
    display: none;
  }
  #index #s01 .lightbox .close {
    position: absolute;
    width: 56px;
    top: 30px;
    right: 60px;
  }
  #index #s01 .lightbox .logo {
    position: absolute;
    width: 68px;
    top: 70px;
    left: 80px;
  }
  #index #s01 .lightbox .photo {
    width: calc(29.5652173913vw + 232.2608695652px);
  }
  #index #s01 .lightbox .border_circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(6.0869565217vw + 50.347826087px);
    height: calc(6.0869565217vw + 50.347826087px);
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    font-size: calc(3.1956521739vw + 24.3826086957px);
    padding-top: 6px;
  }
  #index #s01 .lightbox .border_circle.wash {
    color: #2cc4c9;
    border-color: #2cc4c9;
  }
  #index #s01 .lightbox .border_circle.bake {
    color: #ff6649;
    border-color: #ff6649;
  }
  #index #s01 .lightbox .border_circle.saved {
    color: #003978;
    border-color: #003978;
  }
  #index #s01 .lightbox .title {
    font-size: calc(2.2391304348vw + 17.4565217391px);
  }
  #index #s01 .lightbox .txt {
    font-size: calc(0.9782608696vw + 9.4130434783px);
  }
  #index #s01 .lightbox .txt-bold {
    font-weight: 500;
    font-size: calc(1.8695652174vw + 14.4782608696px);
  }
  #index #s01 .lightbox > div > * {
    position: absolute;
  }
  #index #s01 .lightbox .text {
    display: flex;
    margin: calc(3.2608695652vw + 26.0434782609px) 0 calc(1.0869565217vw + 12.347826087px) 0;
  }
  #index #s01 .lightbox.bake .pr {
    width: calc(16.7391304348vw + 134.9565217391px);
    top: 327px;
    left: calc(40.2173913043vw - 85.1304347826px);
  }
  #index #s01 .lightbox.bake .photo {
    top: 98px;
    left: calc(50.4347826087vw - 4.2608695652px);
  }
  #index #s01 .lightbox.bake > div > div {
    top: calc(-27.8260869565vw + 716.6956521739px);
    top: 188px;
    left: calc(24.347826087vw - 202.6086956522px);
  }
  #index #s01 .lightbox.bake > div > div .title {
    color: #ff6649;
  }
  #index #s01 .lightbox.bake > div > div .text {
    margin: calc(3.2608695652vw + 26.0434782609px) 0 calc(1.0869565217vw + 12.347826087px) 0;
  }
  #index #s01 .lightbox.bake > div > div .text .saved {
    margin-left: calc(0.652173913vw + 1.6086956522px);
  }
  #index #s01 .lightbox.bake > div > div .txt-bold {
    margin-bottom: calc(0.8695652174vw + 12.4782608696px);
  }
  #index #s01 .lightbox.wash .pr {
    width: calc(19.5652173913vw + 156.2608695652px);
    left: calc(41.9565217391vw - 73.1739130435px);
    top: 325px;
  }
  #index #s01 .lightbox.wash .photo {
    left: calc(20.652173913vw - 236.3913043478px);
    top: 98px;
  }
  #index #s01 .lightbox.wash > div > div {
    text-align: right;
    right: calc(20.652173913vw - 220.3913043478px);
    top: 188px;
  }
  #index #s01 .lightbox.wash > div > div .title {
    color: #2cc4c9;
  }
  #index #s01 .lightbox.wash > div > div .text {
    justify-content: flex-end;
  }
  #index #s01 .lightbox.wash > div > div .text .saved {
    margin-left: calc(0.652173913vw + 1.6086956522px);
  }
  #index #s01 .lightbox.wash > div > div .text .bake {
    margin-left: -13px;
  }
  #index #s01 .lightbox.wash > div > div .txt-bold {
    margin-bottom: calc(0.8695652174vw + 12.4782608696px);
  }
  #index #s02 {
    width: 100%;
    height: min(61.4vw, 884px);
  }
  #index #s02 > div {
    position: absolute;
    top: min(247px, 17.2vw);
    left: 50%;
    transform: translateX(max(-689px, -47.847vw));
  }
  #index #s02 > div p {
    font-size: min(40px, 2.8vw);
    margin-bottom: 0.375rem;
  }
  #index #s02 > div .logo {
    width: min(70px, 4.3vw);
  }
  #index #s02 > div h3 {
    font-size: min(46px, 3.2vw);
    margin-left: min(15px, 1.04vw);
  }
  #index #s02 .model {
    position: absolute;
    width: min(116px, 8.1vw);
    top: min(21.528vw, 310px);
    left: 50%;
    transform: translateX(max(-396px, -27.5vw));
  }
  #index #s02 iframe {
    width: min(992px, 68.9vw);
    height: min(557px, 38.7vw);
    position: absolute;
    top: min(178px, 12.361vw);
    left: 50%;
    transform: translateX(max(-285px, -19.8vw));
  }
  #index #s03 {
    height: min(2820px, 195.8vw);
  }
  #index #s03 .top {
    padding-top: min(164px, 11.4vw);
  }
  #index #s03 .top .plate {
    margin: 0 min(70px, 4.86vw);
    height: min(232px, 16.1vw);
    font-size: min(24px, 1.7vw);
  }
  #index #s03 .top .plate:nth-of-type(1) img {
    width: min(107px, 7.4vw);
  }
  #index #s03 .top .plate:nth-of-type(1) p {
    margin-top: min(31px, 2.2vw);
  }
  #index #s03 .top .plate:nth-of-type(2) img {
    width: min(109px, 7.6vw);
  }
  #index #s03 .top .plate:nth-of-type(2) p {
    margin-top: min(37px, 2.6vw);
  }
  #index #s03 .top .plate:nth-of-type(3) img {
    width: min(147px, 10.2vw);
  }
  #index #s03 .top .plate:nth-of-type(3) p {
    margin-top: min(31px, 2.2vw);
  }
  #index #s03 .top .plate:nth-of-type(4) img {
    width: min(112px, 7.8vw);
  }
  #index #s03 .top .plate:nth-of-type(4) p {
    margin-top: min(33px, 2.3vw);
  }
  #index #s03 .top .txt1 {
    font-size: min(40px, 2.8vw);
    margin-top: min(77px, 5.3vw);
  }
  #index #s03 .top .machine {
    z-index: 2;
    width: min(672px, 46.7vw);
    top: min(678px, 47.1vw);
    left: min(427px, 13.7vw);
  }
  #index #s03 .top > div:last-of-type {
    position: absolute;
    top: min(679px, 47.2vw);
    left: min(1008px, 54vw);
  }
  #index #s03 .top > div:last-of-type .txt2 {
    font-size: min(45px, 3.1vw);
  }
  #index #s03 .top > div:last-of-type .txt3 {
    font-size: min(25px, 1.7vw);
    margin: min(5.1vw, 73px) 0 min(46px, 3.2vw) 0;
  }
  #index #s03 .top > div:last-of-type .logo {
    margin-top: 4px;
    width: min(98px, 6.8vw);
  }
  #index #s03 .top > div:last-of-type h3 {
    font-size: min(67px, 4.6vw);
  }
  #index #s03 .bottom {
    padding-top: min(798px, 55.4vw);
  }
  #index #s03 .bottom .special-text {
    z-index: 2;
    top: min(798px, 55.4vw);
    left: min(272px, 2.9vw);
  }
  #index #s03 .bottom .special-text h2 {
    font-size: min(52.1px, 3.6vw);
    margin-bottom: min(24px, 1.7vw);
  }
  #index #s03 .bottom .special-text p {
    font-size: min(37.5px, 2.6vw);
  }
  #index #s03 .bottom > img {
    position: absolute;
  }
  #index #s03 .bottom .pic1 {
    top: min(917px, 63.7vw);
    left: min(989px, 52.7vw);
    width: min(503px, 34.9vw);
    z-index: 2;
  }
  #index #s03 .bottom .pic2 {
    z-index: 2;
    top: min(1189px, 82.6vw);
    left: min(300px, 4.9vw);
    width: min(683px, 47.4vw);
  }
  #index #s03 .bottom .pic3 {
    top: min(1566px, 108.8vw);
    left: min(300px, 4.9vw);
    width: min(550px, 38.2vw);
  }
  #index #s03 .bottom .pic4 {
    top: min(1927px, 133.8vw);
    left: min(297px, 4.7vw);
    width: min(420px, 29.17vw);
    z-index: 3;
  }
  #index #s03 .bg-photo {
    width: min(1007px, 69.93vw);
    top: min(1680px, 117.2vw);
    left: 47vw;
    z-index: 2;
  }
  #index #s03 .line-orange {
    width: 105%;
    height: min(500px, 34.7vw);
    top: min(1130px, 78.5vw);
    left: 0;
    z-index: 2;
  }
  #index #s03 .line-blue-animation {
    position: absolute;
    top: min(2445px, 169.8vw);
  }
  #index #s03 .line-blue1 {
    width: 105%;
    height: min(550px, 38.2vw);
    background: #2cc4c9;
    transform: rotate(-5.173deg);
    top: min(2445px, 169.8vw);
  }
  #index #s03 .line-blue2 {
    width: 105%;
    height: min(245px, 17.02vw);
    top: 190vw;
    left: -1%;
    z-index: 3;
  }
}
@media (min-width: 768px) and (min-width: 1440px) {
  #index #s03 .line-blue2 {
    top: calc(3.75vw + 2676px);
  }
}
@media (min-width: 768px) {
  #index #s04 {
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s04-pr.jpg);
    background-size: max(1900px, 100vw) auto;
    padding: min(78px, 5.4vw) 0 80px 0;
  }
  #index #s04 > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: min(793px, 55.1vw);
    margin: 0 auto;
  }
  #index #s04 > div:first-child .title {
    font-size: min(68px, 4.7vw);
    margin-bottom: min(22px, 1.5vw);
  }
  #index #s04 > div:first-child .txt1 {
    padding: min(13px, 0.9vw) min(2vw, 28px);
    font-size: min(23.4px, 1.6vw);
    border-radius: min(12px, 0.8vw);
  }
  #index #s04 > div:first-child .txt2 {
    width: min(316px, 21.9vw);
    font-size: min(20px, 1.4vw);
  }
  #index #s04 .step {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #index #s04 .step-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(490px, 34vw);
    height: min(73px, 5.1vw);
    background: #e95134;
    font-size: min(38px, 2.64vw);
    border-radius: min(19px, 1.3vw);
    transform: translateX(10%);
    margin: 800px auto 70px auto;
  }
  #index #s04 .step-item {
    margin: 0 min(35px, 2.43vw);
  }
  #index #s04 .step-icon {
    margin-right: 10px;
    width: min(110px, 7.6vw);
  }
  #index #s04 .step-bold {
    margin-bottom: min(24px, 1.3vw);
    font-size: min(38px, 2.6vw);
  }
  #index #s04 .step-txt {
    font-size: min(22px, 1.5vw);
  }
  #index #s05 {
    width: 100%;
    height: min(1184px, 82.2vw);
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto 100%;
    background-color: #fff;
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s05-bg.jpg);
  }
  #index #s05 .title-group {
    position: absolute;
    top: min(102px, 7.1vw);
    left: 50%;
    transform: translateX(max(-525px, -36.46vw));
  }
  #index #s05 .title-group .title {
    color: #2cc4c9;
    font-weight: normal;
    font-size: min(68px, 4.7vw);
  }
  #index #s05 .title-group .txt {
    color: #3f3a39;
    line-height: 1.41;
    padding-left: 10px;
    font-size: min(27px, 1.9vw);
    margin-top: min(50px, 3.47vw);
  }
  #index #s05 .title-group .txt-bold {
    font-weight: bold;
  }
  #index #s05 .step-group {
    position: absolute;
    top: min(211px, 14.7vw);
    left: 50%;
    transform: translateX(min(99px, 6.875vw));
  }
  #index #s05 .step-group > h3 {
    font-size: min(40px, 2.8vw);
    margin-bottom: min(43px, 3vw);
  }
  #index #s05 .step-item {
    margin-bottom: min(43px, 3vw);
  }
  #index #s05 .step-item .icon {
    width: min(52px, 2.7vw);
  }
  #index #s05 .step-no {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(125px, 8.7vw);
    height: min(45px, 3.1vw);
    display: inline-flex;
    background-color: #3f3a39;
    color: #fff;
    padding-top: 5px;
    border-radius: 1.6vw;
    font-size: min(28px, 1.9vw);
  }
  #index #s05 .step-txt {
    font-size: min(33px, 2.3vw);
  }
  #index #s05 .step-function {
    margin-top: min(23px, 2vw);
  }
  #index #s05 .step-function td {
    height: min(70px, 4.86vw);
  }
  #index #s05 .step-function td:nth-of-type(1) {
    width: min(60px, 4.2vw);
  }
  #index #s05 .step-function td:nth-of-type(2) {
    width: min(94px, 6.5vw);
    font-size: min(25px, 1.7vw);
  }
  #index #s05 .step-function td:nth-of-type(3) {
    font-size: min(23px, 1.6vw);
  }
  #index #s05 .step-info {
    width: min(392px, 27.2vw);
    margin: min(11px, 0.8vw) 0 0 min(139px, 9.7vw);
    font-size: min(1.5vw, 22px);
    line-height: 1.32;
  }
  #index #s05 [data-aos=s05-animation] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #index #s05 [data-aos=s05-animation].aos-animate .border-line-bottom {
    animation: animation-bottom_line 1s ease-in forwards;
  }
  #index #s05 [data-aos=s05-animation].aos-animate .border-line-left {
    animation: animation-left_line 1s ease-in 1s forwards;
  }
  #index #s05 [data-aos=s05-animation].aos-animate .step-ai {
    animation: animation-ai_board 1s ease-in 2s forwards;
  }
  #index #s05 [data-aos=s05-animation] .step-ai {
    width: min(528px, 36.7vw);
    height: min(230px, 16vw);
    border-radius: min(21px, 1.5vw);
    background: #2cc4c9;
    color: #fff;
    position: absolute;
    top: min(338px, 23.5vw);
    left: 50%;
    transform: translateX(max(-520px, -36.11vw)) scale(0);
    transform-origin: 91% 100%;
  }
  #index #s05 [data-aos=s05-animation] .step-ai .icon {
    position: absolute;
    top: 13.5%;
    left: 7.8%;
    width: min(60px, 3.1vw);
  }
  #index #s05 [data-aos=s05-animation] .step-ai .title {
    position: absolute;
    top: 20.4%;
    left: 22.2%;
    font-size: min(34.2px, 2.4vw);
  }
  #index #s05 [data-aos=s05-animation] .step-ai .txt {
    width: 87.3%;
    margin: min(105px, 7.3vw) auto 0 auto;
    font-size: min(25px, 1.7vw);
    line-height: 1.4;
  }
  #index #s05 [data-aos=s05-animation] .border-line {
    width: min(142px, 9.861vw);
    position: absolute;
    top: min(567px, 39.375vw);
    height: min(263px, 18.6vw);
    left: 50%;
    transform: translateX(max(-40px, -2.78vw));
  }
  #index #s05 [data-aos=s05-animation] .border-line p {
    background: #2cc4c9;
  }
  #index #s05 [data-aos=s05-animation] .border-line-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
  }
  #index #s05 [data-aos=s05-animation] .border-line-left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 0;
  }
  #index #s06 {
    background: #f8f8f8;
    width: 100%;
    height: min(755px, 52.4vw);
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #index #s06 .content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #index #s06 .machine {
    height: min(641px, 44.5vw);
  }
  #index #s06 .machine-info {
    position: relative;
  }
  #index #s06 .component1 {
    position: absolute;
    width: 25.5%;
    top: 18%;
    left: 27.2%;
  }
  #index #s06 .component2 {
    position: absolute;
    width: 47.4%;
    top: 41.3%;
    left: 16.4%;
  }
  #index #s06 .component3 {
    position: absolute;
    width: 42.6%;
    top: 75%;
    left: 19.1%;
  }
  #index #s06 .component-text {
    margin-left: min(50px, 3.5vw);
  }
  #index #s06 .component-text .title {
    font-size: min(68px, 4.7vw);
    margin-bottom: min(40px, 2.8vw);
  }
  #index #s06 .component-text > div {
    display: flex;
    color: #2cc4c9;
    font-size: min(24px, 1.7vw);
  }
  #index #s06 .component-text > div .no {
    width: min(23px, 1.6vw);
    height: min(23px, 1.6vw);
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    background-color: #2cc4c9;
    border-radius: 50%;
    color: #fff;
    font-size: min(17px, 1.2vw);
    padding-top: 3px;
    margin: 0 1px;
  }
  #index #s06 .component-text .txt {
    margin: min(13px, 0.9vw) 0 min(26px, 1.84vw);
    font-size: min(22px, 1.5vw);
  }
  #index #s07 {
    position: relative;
    overflow: hidden;
    padding-top: min(85px, 5.9vw);
  }
  #index #s07 .line-bg {
    width: 110%;
    height: min(1006px, 69.86vw);
    background: #2cc4c9;
    position: absolute;
    top: -13%;
    left: -3%;
    z-index: -1;
    transform-origin: 0% 0%;
    transform: rotate(5.173deg);
  }
  #index #s07 .title {
    font-size: min(50px, 3.5vw);
    text-align: center;
    color: #fff;
    margin-bottom: min(91px, 6.3vw);
  }
  #index #s07 .detail-group {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: min(1223px, 84.93vw);
    margin: 0 auto;
  }
  #index #s07 .detail-item {
    margin-bottom: min(20px, 1.39vw);
    width: min(363px, 25.2vw);
  }
  #index #s07 .detail-border {
    width: 100%;
    height: min(267px, 18.5vw);
    border-radius: min(75px, 5.2vw);
    position: relative;
    overflow: hidden;
  }
  #index #s07 .detail-border img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #index #s07 .detail-title {
    font-size: min(32px, 2.2vw);
    margin: min(33px, 2.3vw) 0 min(15px, 1vw) 0;
    color: #2cc4c9;
  }
  #index #s07 .detail-title.color-white {
    color: #fff;
  }
  #index #s07 .detail-txt {
    font-size: min(22px, 1.5vw);
    line-height: 1.45;
    color: #383838;
  }
  #index #s07 .detail-txt.color-white {
    color: #fff;
  }
  #index #s08 {
    position: relative;
    width: 100%;
    height: min(1136px, 78.9vw);
    background: #f8f8f8;
  }
  #index #s08 > * {
    position: absolute;
  }
  #index #s08 .title {
    text-align: center;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: min(97px, 6.7vw);
    font-size: min(63px, 4.4vw);
    font-weight: normal;
  }
  #index #s08 .title .txt-bold {
    font-weight: bold;
    margin-right: 10px;
  }
  #index #s08 .pic {
    width: min(1188px, 82.5vw);
    top: min(223px, 15.486vw);
    left: 50%;
    transform: translate(max(-573px, -39.8vw));
  }
  #index #s08 .txt {
    width: min(429px, 29.8vw);
    top: min(887px, 61.6vw);
    left: 50%;
    transform: translateX(max(-573px, -39.8vw));
  }
  #index #s09 {
    width: 100%;
    height: min(1077px, 74.8vw);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s09.jpg);
    background-position: center;
    position: relative;
  }
  #index #s09 .content {
    position: absolute;
    top: min(405px, 28.1vw);
    left: 50%;
    transform: translateX(-77.5%);
    width: min(686px, 47.6vw);
    padding: min(65px, 4.5vw) 0 0 min(65px, 4.5vw);
  }
  #index #s09 .content h2 {
    color: #2cc4c9;
    font-size: min(38px, 2.6vw);
  }
  #index #s09 .content p {
    margin: min(33px, 2.3vw) 0 min(73px, 5.1vw) 0;
    width: min(504px, 35vw);
    font-size: min(25px, 1.7vw);
    color: #282828;
    line-height: 1.53;
  }
  #index #footer {
    padding-top: 50px;
  }
  #footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(44.0528634361vw + 411.6740088106px);
    padding-bottom: 95px;
  }
  #footer > div:nth-of-type(1) .company {
    font-size: calc(0.6167400881vw + 26.2634361233px);
    margin-bottom: calc(0.4405286344vw + 16.6167400881px);
  }
  #footer > div:nth-of-type(1) .social-group {
    width: calc(2.0264317181vw + 84.4370044053px);
    margin-top: calc(0.5286343612vw + 12.9400881057px);
  }
  #footer > div:nth-of-type(1) .icon {
    width: 25px;
  }
  #footer > div:nth-of-type(2) > p {
    font-size: calc(0.2643171806vw + 10.9700440529px);
    margin-bottom: calc(1.7621145374vw + 16.4669603524px);
  }
  #footer > div:nth-of-type(2) .station {
    font-size: 15px;
  }
  #footer > div:nth-of-type(2) .station-group .line {
    width: 1px;
    height: 50px;
    margin: 0 calc(3.0837004405vw + 1.3171806167px);
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .menu {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    background: #003978;
    color: #fff;
    top: 0;
    left: 0;
    z-index: 98;
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .menu.show {
    transform: translateX(0);
    opacity: 1;
    transition: all 0.5s ease-in-out;
  }
  .menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 41.9vw;
    height: 12.4vw;
    font-size: 3.6vw;
  }
  .menu-item.active {
    color: #2cc4c9;
  }
  .menu hr {
    width: 41.9vw;
    height: 1px;
    background: #fff;
  }
  .menu .social {
    width: 17.7vw;
    margin: 4.7vw 0 3.3vw 0;
  }
  .menu .social .icon {
    width: 4.7vw;
  }
  .menu .copyright {
    font-size: 2.3vw;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.1vw;
    font-weight: 100;
  }
  #footer {
    width: 81.1vw;
    padding-bottom: 6.6vw;
  }
  #footer > div:nth-of-type(1) .company {
    font-size: 9.8vw;
    margin-bottom: 6.3vw;
  }
  #footer > div:nth-of-type(1) .social-group {
    width: 25.5vw;
    margin-top: 5.5vw;
  }
  #footer > div:nth-of-type(1) .icon {
    width: 5.3vw;
  }
  #footer > div:nth-of-type(2) > p {
    text-align: center;
    font-size: 3.6vw;
    margin: 6.9vw 0 9vw 0;
  }
  #footer > div:nth-of-type(2) .station {
    font-size: 3.6vw;
  }
  #footer > div:nth-of-type(2) .station-group .line {
    width: 1px;
    height: 14.3vw;
    margin: 0 2.7vw;
  }
  #index #s01 .bg {
    transform: translateX(-50%);
    height: 49.2vw;
  }
  #index #s01 .content {
    height: 124.1vw;
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s01-photo.jpg);
    background-size: auto 49.2vw;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #index #s01 .content > div:first-of-type {
    top: 98.6vw;
  }
  #index #s01 .content > div:first-of-type .logo {
    width: 15.9vw;
    margin: 1vw 4.6vw 0 0;
  }
  #index #s01 .content > div:first-of-type > span {
    font-size: 11.8vw;
  }
  #index #s01 .content > div:first-of-type p {
    margin-top: 4.3vw;
    font-size: 4.5vw;
    letter-spacing: 0.1vw;
  }
  #index #s01 .content > div:first-of-type p span {
    padding: 2.2vw 2.2vw 1.8vw 2.2vw;
    border-radius: 2.5vw;
    margin: 0 1.3vw;
    color: #fff;
  }
  #index #s01 .content > div:first-of-type p span.wave-orange {
    background: #ff6649;
  }
  #index #s01 .content > div:first-of-type p span.wave-blue {
    background: #2cc4c9;
  }
  #index #s01 .hover-bake {
    height: 124.1vw;
    background-size: 199.48vw auto;
    background-position: 100% 50%;
  }
  #index #s01 .hover-wash {
    background-size: 199.48vw auto;
    background-position: 0 50%;
  }
  #index #s01 .pr img {
    position: absolute;
    top: 50.8vw;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #index #s01 .pr img.bake {
    width: 75.9vw;
    animation: back-pr 7s linear infinite;
  }
  #index #s01 .pr img.wash {
    width: 91.8vw;
    animation: wash-pr 7s linear infinite;
  }
  #index #s01 .box img {
    position: absolute;
    width: 13.4vw;
  }
  #index #s01 .box img.bake {
    top: 14.6vw;
    left: 3.8vw;
    animation: back-box 7s linear infinite;
  }
  #index #s01 .box img.wash {
    top: 17vw;
    left: 8.5vw;
    animation: wash-box 7s linear infinite;
  }
  #index #s02 {
    padding: 18.2vw 0 7.6vw 0;
  }
  #index #s02 iframe {
    width: 100%;
    height: 56.3vw;
  }
  #index #s02 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4.3vw;
  }
  #index #s02 .logo {
    width: 7.4vw;
    display: block;
    margin: 0 1.2vw 0 2.4vw;
  }
  #index #s02 p {
    font-size: 4.4vw;
  }
  #index #s02 h3 {
    font-size: 5vw;
  }
  #index #s03 {
    height: 626.4vw;
  }
  #index #s03 .top {
    padding: 9.4vw 0 92.1vw 0;
  }
  #index #s03 .top .plate {
    margin: 0 8vw;
    height: 30vw;
    font-size: 3.1vw;
  }
  #index #s03 .top .plate-group {
    flex-wrap: wrap;
  }
  #index #s03 .top .plate:nth-of-type(1) img {
    width: 13.9vw;
  }
  #index #s03 .top .plate:nth-of-type(1) p {
    margin-top: 4vw;
  }
  #index #s03 .top .plate:nth-of-type(2) img {
    width: 14.2vw;
  }
  #index #s03 .top .plate:nth-of-type(2) p {
    margin-top: 4.8vw;
  }
  #index #s03 .top .plate:nth-of-type(3) img {
    width: 19.1vw;
  }
  #index #s03 .top .plate:nth-of-type(3) p {
    margin-top: 4vw;
  }
  #index #s03 .top .plate:nth-of-type(4) img {
    width: 14.6vw;
  }
  #index #s03 .top .plate:nth-of-type(4) p {
    margin-top: 4.3vw;
  }
  #index #s03 .top .txt1 {
    font-size: 5.2vw;
    margin-top: 10vw;
  }
  #index #s03 .top .machine {
    top: 161.8vw;
    left: 6.4vw;
    width: 87.5vw;
  }
  #index #s03 .top > div:last-of-type {
    margin-top: 14.5vw;
  }
  #index #s03 .top > div:last-of-type .txt2 {
    font-size: 6.5vw;
  }
  #index #s03 .top > div:last-of-type .txt3 {
    font-size: 3.6vw;
    margin: 10.8vw 0 6.8vw 0;
  }
  #index #s03 .top > div:last-of-type .logo {
    margin-top: 2.5vw;
    width: 14.3vw;
  }
  #index #s03 .top > div:last-of-type h3 {
    font-size: 9.7vw;
  }
  #index #s03 .bottom .special-text {
    top: 0;
    left: 4.7vw;
  }
  #index #s03 .bottom .special-text h2 {
    font-size: 7.9vw;
    margin-bottom: 3.8vw;
  }
  #index #s03 .bottom .special-text p {
    font-size: 5.7vw;
  }
  #index #s03 .bottom .special-item {
    position: absolute;
  }
  #index #s03 .bottom .special-item .no {
    position: absolute;
    top: 0;
    left: 0;
    height: 16vw;
  }
  #index #s03 .bottom .special-item .title {
    font-size: 7.3vw;
    line-height: 1.2;
    font-weight: 500;
  }
  #index #s03 .bottom .special-item .title span {
    display: inline-block;
    font-weight: 700;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom 0.5vw center;
  }
  #index #s03 .bottom .special-item .title span.wave-orange {
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s03-wave_orange.svg);
  }
  #index #s03 .bottom .special-item .title span.wave-white {
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s03-wave_white.svg);
  }
  #index #s03 .bottom .special-item p {
    font-size: 3.6vw;
    line-height: 1.1;
    margin-top: 2vw;
  }
  #index #s03 .bottom .special-item:nth-of-type(2) {
    top: 30.9vw;
    left: 4.4vw;
    padding-left: 12.5vw;
    width: 82vw;
  }
  #index #s03 .bottom .special-item:nth-of-type(2) .text_point {
    color: #fff;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) {
    z-index: 3;
    top: 71.4vw;
    left: 4.4vw;
    padding-left: 17.3vw;
    width: 83.1vw;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .animation {
    position: relative;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .animation .machine {
    margin-left: -3.5vw;
    width: 61vw;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .animation img:not(.machine) {
    position: absolute;
    width: 100%;
    top: 0;
    left: -5.5vw;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .animation .frame1 {
    animation: s03-machine1 2s linear infinite;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .animation .frame2 {
    animation: s03-machine2 2s linear infinite;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .animation .frame3 {
    animation: s03-machine3 2s linear infinite;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .text_border {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 32.2vw;
    height: 6.1vw;
    border-radius: 2.4vw;
    margin: 1.5vw 0;
    padding-bottom: 0.8vw;
    font-size: 3.6vw;
    background: #ff6649;
    color: #fff;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .text_border-line {
    width: 32.9vw;
    height: 0.5vw;
    position: absolute;
    transform: translateY(-50%);
    top: 21.5vw;
    left: 49vw;
    background: #ff6649;
  }
  #index #s03 .bottom .special-item:nth-of-type(3) .text_border-line-circle {
    width: 2.2vw;
    height: 2.2vw;
    background: #ff6649;
    position: absolute;
    transform: translateY(-50%);
    top: 21.5vw;
    right: 0;
    border-radius: 50%;
  }
  #index #s03 .bottom .special-item:nth-of-type(4) {
    z-index: 3;
    top: 206.4vw;
    left: 4.3vw;
    padding-left: 17.1vw;
    width: 90vw;
    line-height: 1.1;
  }
  #index #s03 .bottom .special-item:nth-of-type(4) .text_point {
    color: #fff;
  }
  #index #s03 .bottom .special-item:nth-of-type(5) {
    top: 334.4vw;
    left: 4vw;
    padding-left: 17.4vw;
    width: 64.7vw;
  }
  #index #s03 .bottom .special-item:nth-of-type(5) .text_point {
    color: #fff;
  }
  #index #s03 .bottom .special-item:nth-of-type(5) > .txt {
    margin-top: 3vw;
    font-size: 3.5vw;
    line-height: 1.25;
  }
  #index #s03 .bg-photo {
    width: 100vw;
    bottom: 53.8vw;
  }
  #index #s03 .line-orange {
    width: 109%;
    height: 93.1vw;
    top: 210.2vw;
    left: 0;
  }
  #index #s03 .line-blue1 {
    width: 110%;
    height: 65vw;
    background: #ff6649;
    top: 417vw;
    transform: rotate(5.173deg);
    z-index: 2;
  }
  #index #s03 .line-blue2 {
    width: 108%;
    height: 64vw;
    top: 572.4vw;
    left: -6%;
  }
  #index #s04 {
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s04-BG-MB.jpg);
    background-size: 100% auto;
    padding: 10.4vw 0 1px 0;
  }
  #index #s04 > div:first-child {
    padding-left: 13.7vw;
  }
  #index #s04 > div:first-child .title {
    font-size: 12.8vw;
  }
  #index #s04 > div:first-child .txt1 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 69.8vw;
    height: 9.4vw;
    padding-bottom: 2.2vw;
    margin: 3.5vw 0;
    font-size: 4.5vw;
    border-radius: 1.6vw;
  }
  #index #s04 > div:first-child .txt2 {
    width: 55.6vw;
    font-size: 3.5vw;
  }
  #index #s04 .step {
    padding-left: 10.7vw;
  }
  #index #s04 .step-title {
    font-size: 6vw;
    margin: 95vw 0 0 16.9vw;
  }
  #index #s04 .step-item {
    margin: 10vw 0;
  }
  #index #s04 .step-icon {
    margin-right: 2vw;
    width: 17.1vw;
  }
  #index #s04 .step-bold {
    margin-bottom: 3.8vw;
    font-size: 6.1vw;
  }
  #index #s04 .step-txt {
    font-size: 3.5vw;
  }
  #index #s05 {
    width: 100%;
    height: 251.4vw;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
    background-color: #fff;
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s05-bg-MB.jpg);
    padding-top: 7.4vw;
  }
  #index #s05 .title-group .title {
    padding-left: 7.2vw;
    color: #2cc4c9;
    font-weight: normal;
    font-size: 12.8vw;
  }
  #index #s05 .title-group .txt {
    color: #3f3a39;
    line-height: 1.41;
    font-size: 3.5vw;
    padding: 3.8vw 0 0 8.5vw;
  }
  #index #s05 .title-group .txt-bold {
    font-weight: bold;
  }
  #index #s05 .step-group {
    padding: 9.4vw 0 0 8vw;
  }
  #index #s05 .step-group > h3 {
    font-size: 5.8vw;
    margin-bottom: 6.1vw;
  }
  #index #s05 .step-item {
    margin-bottom: 2.5vw;
  }
  #index #s05 .step-item .icon {
    height: 7.5vw;
  }
  #index #s05 .step-item:nth-last-of-type(2) {
    margin-top: 40vw;
  }
  #index #s05 .step-no {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 18.5vw;
    height: 6.6vw;
    display: inline-flex;
    background-color: #3f3a39;
    color: #fff;
    padding-bottom: 0.9vw;
    margin-right: 2.3vw;
    border-radius: 2.9vw;
    font-size: 4.1vw;
  }
  #index #s05 .step-txt {
    display: inline-block;
    margin-top: 1.5vw;
    font-size: 4.8vw;
  }
  #index #s05 .step-function {
    margin-top: 3.3vw;
  }
  #index #s05 .step-function td {
    height: 9vw;
  }
  #index #s05 .step-function td:nth-of-type(1) {
    width: 10vw;
  }
  #index #s05 .step-function td:nth-of-type(2) {
    width: 14vw;
    font-size: 3.6vw;
  }
  #index #s05 .step-function td:nth-of-type(3) {
    font-size: 3.3vw;
  }
  #index #s05 .step-info {
    width: 58vw;
    margin: 1.4vw 0 0 20vw;
    font-size: 3.2vw;
    line-height: 1.32;
  }
  #index #s05 .step-ai {
    width: 69vw;
    height: 30vw;
    border-radius: 2.7vw;
    background: #2cc4c9;
    color: #fff;
    position: absolute;
    top: 131.6vw;
    left: 17.1vw;
  }
  #index #s05 .step-ai .icon {
    position: absolute;
    top: 13.5%;
    left: 7.8%;
    width: 7.8vw;
  }
  #index #s05 .step-ai .title {
    position: absolute;
    top: 20.4%;
    left: 22.2%;
    font-size: 4.5vw;
  }
  #index #s05 .step-ai .txt {
    width: 87.3%;
    margin: 13.7vw auto 0 auto;
    font-size: 3.3vw;
    line-height: 1.4;
  }
  #index #s06 {
    background: #f8f8f8;
    width: 100%;
    height: 150vw;
    position: relative;
  }
  #index #s06 .machine {
    height: 100%;
  }
  #index #s06 .machine-info {
    height: 83.3vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #index #s06 .component1 {
    position: absolute;
    width: 25.5%;
    top: 18%;
    left: 27.2%;
  }
  #index #s06 .component2 {
    position: absolute;
    width: 47.4%;
    top: 41.3%;
    left: 16.4%;
  }
  #index #s06 .component3 {
    position: absolute;
    width: 42.6%;
    top: 75%;
    left: 19.1%;
  }
  #index #s06 .component-text {
    padding-top: 5vw;
    margin-left: 11.6vw;
  }
  #index #s06 .component-text .title {
    font-size: 11.9vw;
    margin-bottom: 7vw;
  }
  #index #s06 .component-text > div {
    display: flex;
    color: #2cc4c9;
    font-size: 4.2vw;
  }
  #index #s06 .component-text > div .no {
    width: 4.1vw;
    height: 4.1vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    display: inline-flex;
    background-color: #2cc4c9;
    border-radius: 50%;
    color: #fff;
    font-size: 3vw;
    padding-bottom: 0.3vw;
    margin: 0 1px;
  }
  #index #s06 .component-text .txt {
    margin: 1.7vw 0 4vw 0;
    font-size: 3.9vw;
  }
  #index #s07 {
    position: relative;
    padding: 11vw 0 1px 0;
    color: #fff;
    background: #2cc4c9;
  }
  #index #s07 .title {
    font-size: 7.2vw;
    text-align: center;
    margin-bottom: 9vw;
  }
  #index #s07 .detail-item {
    margin: 0 auto 11.8vw auto;
    width: 74.5vw;
  }
  #index #s07 .detail-border {
    width: 100%;
    height: 54.8vw;
    border-radius: 8.5vw;
    position: relative;
    overflow: hidden;
  }
  #index #s07 .detail-border img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #index #s07 .detail-title {
    font-size: 6.6vw;
    margin: 6.4vw 0 3.3vw 0;
  }
  #index #s07 .detail-txt {
    font-size: 4.5vw;
    line-height: 1.45;
  }
  #index #s08 {
    padding: 10.2vw 0 8.3vw 0;
    background: #f8f8f8;
    text-align: center;
  }
  #index #s08 .title {
    font-size: 9vw;
  }
  #index #s08 .title .txt-bold {
    font-weight: bold;
    display: block;
  }
  #index #s08 .mobile {
    position: relative;
    margin: 4.6vw 0 12.4vw 0;
  }
  #index #s08 .mobile .pic {
    width: 90.6vw;
  }
  #index #s08 .mobile .sign1 {
    position: absolute;
    width: 52.9vw;
    top: 14.2vw;
    left: 17.7vw;
  }
  #index #s08 .mobile .sign1.panel {
    position: absolute;
    width: 48.4vw;
    top: 34.5vw;
    left: 6.3vw;
  }
  #index #s08 .mobile .sign1_animation {
    animation: bake-zoom 6s linear infinite;
  }
  #index #s08 .mobile .sign2 {
    position: absolute;
    top: 25.4vw;
    left: 49.3vw;
    width: 22.1vw;
  }
  #index #s08 .mobile .sign2.panel {
    position: absolute;
    top: 1vw;
    left: 7.1vw;
    width: 52.1vw;
  }
  #index #s08 .mobile .sign2_animation {
    animation: wash-zoom 6s linear infinite;
  }
  #index #s08 .txt {
    display: inline-block;
    width: 86.7vw;
  }
  #index #s09 {
    width: 100%;
    height: 96.5vw;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(https://storage.googleapis.com/bfmbfm/ke/kenew/imgs/index/s09MB.jpg);
    background-position: center;
    position: relative;
  }
  #index #s09 .content {
    position: absolute;
    top: 25vw;
    left: 10.2vw;
    width: 55vw;
  }
  #index #s09 .content h2 {
    color: #2cc4c9;
    font-size: 4vw;
  }
  #index #s09 .content p {
    margin: 2.5vw 0 5vw 0;
    letter-spacing: 1px;
    width: 55vw;
    font-size: 3.4vw;
    color: #282828;
    line-height: 1.4;
  }
  #index #footer {
    padding-top: 8.07vw;
  }
  #product #header {
    width: 100%;
    height: 13.4vw;
    padding: 0 3.4vw 0 6.8vw;
  }
  #product #header .logo {
    width: 9vw;
  }
  #product .title {
    margin: 7.8vw 0;
    font-size: 7.8vw;
  }
  #product .pr-group {
    width: 80.5vw;
  }
  #product .pr-item {
    margin: 10px 4.2vw;
  }
  #product .pr-image {
    width: 21.1vw;
    height: 15.8vw;
  }
  #product .pr-type {
    width: 21.1vw;
    height: 9.4vw;
    font-size: 4.6vw;
    margin: 1.4vw 0;
    border-radius: 2.6vw;
  }
  #product .pr-info {
    padding-top: 5.1vw;
  }
  #product .pr-photos {
    margin-bottom: 7.3vw;
  }
  #product .pr-main {
    width: 100vw;
    height: 77.1vw;
    margin-bottom: 10px;
  }
  #product .pr-thumbs {
    width: 100vw;
    height: 11.7vw;
    padding: 0 0.5vw;
  }
  #product .pr-thumbs img {
    margin: 0 0.5vw;
  }
  #product .pr-rules {
    margin-bottom: 5vw;
  }
  #product .pr-name {
    font-size: 5.5vw;
    margin-bottom: 3.9vw;
  }
  #product .pr-price {
    margin-bottom: 4.9vw;
    font-size: 3.5vw;
  }
  #product .pr-select {
    width: 51.7vw;
    height: 9.6vw;
    border-radius: 1.6vw;
  }
  #product .pr-file select {
    width: 95%;
    height: 97%;
    padding-left: 3.4vw;
    font-size: 3.2vw;
    background-position: right 3.4vw center;
    background-size: 2.7vw auto;
  }
  #product .pr-file a {
    width: 19.7vw;
    height: 9.6vw;
    margin-left: 2.2vw;
    border-radius: 1.6vw;
  }
  #product .bread {
    width: 90vw;
    font-size: 3.5vw;
    margin: 11.7vw auto 3vw auto;
  }
  #product .top-btn {
    width: 11.6vw;
    height: 11.6vw;
    font-size: 2.7vw;
    margin-left: 80vw;
  }
}
@keyframes bake-zoom {
  0% {
    opacity: 0;
  }
  19% {
    opacity: 0;
  }
  21% {
    opacity: 1;
  }
  59% {
    opacity: 1;
  }
  61% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes wash-zoom {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  61% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bg_moving {
  from {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes left_block_moving {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes right_block_moving {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes lighting_scale {
  0% {
    transform: translateX(-50%) scale(1.05);
    font-size: 1.025em;
  }
  12% {
    transform: translateX(-50%) scale(0.95);
    font-size: 0.925em;
  }
  25% {
    transform: translateX(-50%) scale(1.05);
    font-size: 1.025em;
  }
  37% {
    transform: translateX(-50%) scale(0.95);
    font-size: 0.925em;
  }
  50% {
    transform: translateX(-50%) scale(1.05);
    font-size: 1.025em;
  }
  62% {
    transform: translateX(-50%) scale(0.95);
    font-size: 0.925em;
  }
  75% {
    transform: translateX(-50%) scale(1.05);
    font-size: 1.025em;
  }
  87% {
    transform: translateX(-50%) scale(0.95);
    font-size: 0.925em;
  }
  100% {
    transform: translateX(-50%) scale(0.95);
    font-size: 0.925em;
  }
}
@keyframes bake_lighting {
  0% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #fff;
  }
  5% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #f64, 0 0 6rem #eee, 0 0 8rem #f64, 0 0 10rem #fff;
  }
  10% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #eee, 0 0 0 #f64, 0 0 10rem #fff;
  }
  15% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #f64, 0 0 6rem #eee, 0 0 8rem #f64, 0 0 10rem #fff;
  }
  20% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #eee, 0 0 0 #f64, 0 0 10rem #fff;
  }
  25% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #f64, 0 0 6rem #eee, 0 0 8rem #f64, 0 0 10rem #fff;
  }
  30% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #eee, 0 0 0 #f64, 0 0 10rem #fff;
  }
  35% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #f64, 0 0 6rem #eee, 0 0 8rem #f64, 0 0 10rem #fff;
  }
  40% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #eee, 0 0 0 #f64, 0 0 10rem #fff;
  }
  45% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #f64, 0 0 6rem #eee, 0 0 8rem #f64, 0 0 10rem #fff;
  }
  50% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #f64, 0 0 6rem #eee, 0 0 8rem #f64, 0 0 10rem #fff;
  }
  55% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #fff;
  }
  100% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #eee, 0 0 0 #f64, 0 0 0 #fff;
  }
}
@keyframes wash_lighting {
  0% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #2bc, 0 0 6rem #eee, 0 0 8rem #2bc, 0 0 10rem #fff;
  }
  5% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #fff;
  }
  50% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #fff;
  }
  55% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #2bc, 0 0 6rem #eee, 0 0 8rem #2bc, 0 0 10rem #fff;
  }
  60% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #fff;
  }
  65% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #2bc, 0 0 6rem #eee, 0 0 8rem #2bc, 0 0 10rem #fff;
  }
  70% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #fff;
  }
  75% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #2bc, 0 0 6rem #eee, 0 0 8rem #2bc, 0 0 10rem #fff;
  }
  80% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #fff;
  }
  85% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #2bc, 0 0 6rem #eee, 0 0 8rem #2bc, 0 0 10rem #fff;
  }
  90% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 rgba(255, 255, 255, 0.25), 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #eee, 0 0 0 #2bc, 0 0 0 #fff;
  }
  95% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #2bc, 0 0 6rem #eee, 0 0 8rem #2bc, 0 0 10rem #fff;
  }
  100% {
    text-shadow: -0.2rem -0.2rem 1rem rgba(255, 255, 255, 0.25), 0.2rem 0.2rem 1rem rgba(255, 255, 255, 0.25), 0 0 2rem #eee, 0 0 4rem #2bc, 0 0 6rem #eee, 0 0 8rem #2bc, 0 0 10rem #fff;
  }
}
@keyframes back-pr {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes wash-pr {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes back-box {
  0% {
    opacity: 0;
    transform: translateY(-0.5vw);
  }
  5% {
    opacity: 1;
    transform: translateY(0.5vw);
  }
  20% {
    opacity: 1;
    transform: translateY(-0.5vw);
  }
  35% {
    opacity: 1;
    transform: translateY(0.5vw);
  }
  50% {
    opacity: 1;
    transform: translateY(-0.5vw);
  }
  55% {
    opacity: 0;
    transform: translateY(-0.5vw);
  }
  100% {
    opacity: 0;
  }
}
@keyframes wash-box {
  0% {
    opacity: 1;
    transform: translateY(-0.5vw);
  }
  5% {
    opacity: 0;
    transform: translateY(0.5vw);
  }
  50% {
    opacity: 0;
    transform: translateY(-0.5vw);
  }
  55% {
    opacity: 1;
    transform: translateY(0.5vw);
  }
  70% {
    opacity: 1;
    transform: translateY(-0.5vw);
  }
  85% {
    opacity: 1;
    transform: translateY(0.5vw);
  }
  100% {
    opacity: 1;
    transform: translateY(-0.5vw);
  }
}
@keyframes s03-machine1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes s03-machine2 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes s03-machine3 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation-bottom_line {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes animation-left_line {
  from {
    height: 0;
  }
  to {
    height: 100%;
  }
}
@keyframes animation-ai_board {
  0% {
    transform: translateX(max(-520px, -36.11vw)) scale(0);
  }
  20% {
    transform: translateX(max(-520px, -36.11vw)) scale(0.5);
  }
  40% {
    transform: translateX(max(-520px, -36.11vw)) scale(0.75);
  }
  60% {
    transform: translateX(max(-520px, -36.11vw)) scale(0.875);
  }
  80% {
    transform: translateX(max(-520px, -36.11vw)) scale(0.9375);
  }
  100% {
    transform: translateX(max(-520px, -36.11vw)) scale(1);
  }
}/*# sourceMappingURL=style.css.map */