@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,95.1,645;1,95.1,645&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: "Noto Sans TC", sans-serif;
  line-height: 1;
  color: #fff;
  font-size: calc(1vw + 6px);
}

body {
  overflow-x: hidden;
}

ul, ol {
  list-style: none;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-in-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.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;
}

@keyframes experience_first {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes experience_second {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes experience_third {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes experience_fourth {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes marquee_motion-item1 {
  0% {
    opacity: 1;
    left: 0;
  }
  27% {
    opacity: 1;
    left: -74.5713vw;
  }
  28% {
    opacity: 0;
    left: -999vw;
  }
  29% {
    opacity: 0;
    left: 196.0949vw;
  }
  30% {
    opacity: 1;
    left: 193.333vw;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes marquee_motion-item2 {
  0% {
    opacity: 1;
    left: 74.33vw;
  }
  47% {
    opacity: 1;
    left: -55.4793vw;
  }
  48% {
    opacity: 0;
    left: -999vw;
  }
  49% {
    opacity: 0;
    left: 999vw;
  }
  50% {
    opacity: 1;
    left: 212.425vw;
  }
  100% {
    opacity: 1;
    left: 74.33vw;
  }
}
@keyframes marquee_motion-item3 {
  0% {
    opacity: 1;
    left: 127.4vw;
  }
  100% {
    opacity: 1;
    left: -148.79vw;
  }
}
@keyframes marquee_motion-item4 {
  0% {
    opacity: 1;
    left: 201.73vw;
  }
  100% {
    opacity: 1;
    left: -74.46vw;
  }
}
@keyframes flavor_top1 {
  0% {
    opacity: 1;
    left: 0;
  }
  34% {
    opacity: 1;
    left: -1938px;
  }
  35% {
    opacity: 0;
    left: -999vw;
  }
  36% {
    opacity: 0;
    left: 999vw;
  }
  37% {
    opacity: 1;
    left: 3591px;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes flavor_top2 {
  0% {
    opacity: 1;
    left: 1900px;
  }
  67% {
    opacity: 1;
    left: -1919px;
  }
  68% {
    opacity: 0;
    left: -999vw;
  }
  69% {
    opacity: 0;
    left: 999vw;
  }
  70% {
    opacity: 1;
    left: 3610px;
  }
  100% {
    opacity: 1;
    left: 1900px;
  }
}
@keyframes flavor_top3 {
  0% {
    opacity: 1;
    left: 3800px;
  }
  100% {
    opacity: 1;
    left: -1900px;
  }
}
@keyframes flavor_bottom1 {
  0% {
    opacity: 1;
    right: 0;
  }
  34% {
    opacity: 1;
    right: -1938px;
  }
  35% {
    opacity: 0;
    right: -999vw;
  }
  36% {
    opacity: 0;
    right: 999vw;
  }
  37% {
    opacity: 1;
    right: 3591px;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}
@keyframes flavor_bottom2 {
  0% {
    opacity: 1;
    right: 1900px;
  }
  67% {
    opacity: 1;
    right: -1919px;
  }
  68% {
    opacity: 0;
    right: -999vw;
  }
  69% {
    opacity: 0;
    right: 999vw;
  }
  70% {
    opacity: 1;
    right: 3610px;
  }
  100% {
    opacity: 1;
    right: 1900px;
  }
}
@keyframes flavor_bottom3 {
  0% {
    opacity: 1;
    right: 3800px;
  }
  100% {
    opacity: 1;
    right: -1900px;
  }
}
@keyframes flavor_mobile-top1 {
  0% {
    opacity: 1;
    left: 0;
  }
  34% {
    opacity: 1;
    left: -252.2052vw;
  }
  35% {
    opacity: 0;
    left: -999vw;
  }
  36% {
    opacity: 0;
    left: 999vw;
  }
  37% {
    opacity: 1;
    left: 467.3214vw;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes flavor_mobile-top2 {
  0% {
    opacity: 1;
    left: 247.26vw;
  }
  67% {
    opacity: 1;
    left: -1919px;
  }
  68% {
    opacity: 0;
    left: -999vw;
  }
  69% {
    opacity: 0;
    left: 999vw;
  }
  70% {
    opacity: 1;
    left: 3610px;
  }
  100% {
    opacity: 1;
    left: 247.26vw;
  }
}
@keyframes flavor_mobile-top3 {
  0% {
    opacity: 1;
    left: 494.52vw;
  }
  100% {
    opacity: 1;
    left: -247.26vw;
  }
}
@keyframes flavor_mobile-bottom1 {
  0% {
    opacity: 1;
    right: 0;
  }
  34% {
    opacity: 1;
    right: -252.2052vw;
  }
  35% {
    opacity: 0;
    right: -999vw;
  }
  36% {
    opacity: 0;
    right: 999vw;
  }
  37% {
    opacity: 1;
    right: 467.3214vw;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}
@keyframes flavor_mobile-bottom2 {
  0% {
    opacity: 1;
    right: 247.26vw;
  }
  67% {
    opacity: 1;
    right: -1919px;
  }
  68% {
    opacity: 0;
    right: -999vw;
  }
  69% {
    opacity: 0;
    right: 999vw;
  }
  70% {
    opacity: 1;
    right: 3610px;
  }
  100% {
    opacity: 1;
    right: 247.26vw;
  }
}
@keyframes flavor_mobile-bottom3 {
  0% {
    opacity: 1;
    right: 494.52vw;
  }
  100% {
    opacity: 1;
    right: -247.26vw;
  }
}
@keyframes load-animtion {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #b62828;
}
#header .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .menu_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: flex-start;
  color: #b2b2b2;
  background: #1f1f1f;
}
#header .menu_right_item:nth-child(1) {
  position: relative;
}
#header .menu_right_item:nth-child(1) .msg {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(-50%);
  background: #cc2828;
  border-radius: 50%;
  color: #fff;
}
#header .menu_right_item:nth-child(3) svg {
  fill: #b2b2b2;
}
#header .menu_right_item:nth-child(3):hover {
  color: #a27760;
}
#header .menu_right_item:nth-child(3):hover svg {
  fill: #a27760;
}
#header .menu_right_item:nth-child(2) {
  position: relative;
}
#header .menu_right .language_change {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 9;
  background: #b62828;
  text-align: center;
  padding: calc(0.3003533569vw + 4.2932862191px) calc(0.6007067138vw + 8.5865724382px) calc(0.6007067138vw + 8.5865724382px) calc(0.6007067138vw + 8.5865724382px);
  line-height: 1.5;
  border-bottom-right-radius: calc(0.3003533569vw + 4.2932862191px);
  border-bottom-left-radius: calc(0.3003533569vw + 4.2932862191px);
}
#header .menu_right .language_change.open {
  display: block;
}
#header .menu_right .language_change a {
  color: #f0f0f0;
}
#header .menu_right .language_change hr {
  margin: 5px 0;
}
#header .menu .proxy {
  display: none;
  text-align: center;
  background: #b62828;
}
#header .menu .proxy_btn img {
  height: 18px;
}
#header .menu .proxy [href] {
  display: inline-block;
}
#header .menu .proxy hr {
  background: #fff;
}

#menu {
  width: 455px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 100vw;
  background: #a2775f;
  color: #fff;
  transform: translateX(0);
  transition: all 0.5s ease-in-out;
  z-index: 99;
}
#menu.open {
  transform: translateX(-100%);
  transition: all 0.5s ease-in-out;
}
#menu .menu_close {
  position: fixed;
  top: 1.2vw;
  right: 1.2vw;
  font-size: 1vh;
}
#menu .menu_close img {
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5vw;
  height: 3vh;
}
#menu .menu_item {
  padding: 3vh 0;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-size: 2.6vh;
}
#menu .menu_item a {
  transition: all 0.5s ease-in-out;
}
#menu .menu_item a:hover {
  color: #282221;
  transition: all 0.5s ease-in-out;
}
#menu .menu_item .menu_proxy {
  font-size: 2.2vh;
}
#menu .menu_item .menu_proxy:not(:last-of-type) {
  display: inline-block;
  margin-bottom: 3vh;
}

#footer {
  position: relative;
}
#footer .contact .company_name {
  display: flex;
}
#footer .contact .company.title a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid #fff;
}
#footer .contact .company.title a .social {
  max-width: 80%;
  max-height: 80%;
}
#footer .certification {
  background: #a2775f;
  display: flex;
  flex-direction: column;
  font-weight: normal;
}
#footer .certification .line {
  background: #fff;
}
#footer .certification_imgs {
  display: flex;
  justify-content: space-between;
  align-self: flex-end;
  width: 100%;
}
#footer .certification p {
  line-height: 1.4;
}
#footer .certification h4 {
  font-weight: normal;
}
#footer .top_btn {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #b62828;
  border-radius: 50%;
}
#footer .top_btn img {
  max-width: 45%;
  max-height: 45%;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #a2775f;
  border-radius: 50%;
}
.swiper .swiper-button-next::after, .swiper .swiper-button-prev::after {
  content: "";
}
.swiper .swiper-button-next.swiper-button-disabled, .swiper .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.swiper .swiper-button-next img, .swiper .swiper-button-prev img {
  max-width: 60%;
  max-height: 60%;
}

#guide {
  background-color: #fcfbfb;
}
#guide .title {
  color: #1f1f1f;
}
#guide .bread {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #686868;
}
#guide .bread .icon, #guide .bread span {
  display: block;
}

#apparatus .info {
  margin: 0 auto;
}
#apparatus .info .title {
  color: #a2775f;
  line-height: 1.5;
}
#apparatus .info .text {
  color: #444;
  line-height: 1.67;
}
#apparatus .swiper .board {
  background: #fcfbfb;
  z-index: 2;
  position: absolute;
  top: 0;
}
#apparatus .swiper .board-left {
  left: 0;
}
#apparatus .swiper .board-right {
  right: 0;
}
#apparatus .swiper.size-big {
  padding: 0 72px;
}
#apparatus .swiper.size-big .board {
  width: 72px;
  height: 100%;
}
#apparatus .swiper.size-mid {
  padding: 0 2.4vw;
}
#apparatus .swiper.size-mid .board {
  width: 2.4vw;
  height: 100%;
}
#apparatus .swiper-button-next {
  right: 0;
}
#apparatus .swiper-button-prev {
  left: 0;
}
#apparatus .swiper .apparatus {
  background: #f5f5f5;
}
#apparatus .swiper .apparatus_link {
  color: #a2775f;
}
#apparatus .swiper .apparatus_name {
  color: #1f1f1f;
}
#apparatus .swiper .apparatus_info {
  color: #1f1f1f;
  line-height: 1.25;
  letter-spacing: 0.9px;
}
#apparatus .swiper-slide {
  background: #f5f5f5;
}
#apparatus .page {
  color: #1f1f1f;
  font-size: 18px;
  margin: 0 12px;
}
#apparatus .pages {
  display: flex;
  justify-content: center;
  align-items: center;
}
#apparatus .pages > * {
  display: inline-block;
}
#apparatus .pages .btn_prev, #apparatus .pages .btn_next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #a2775f;
}
#apparatus .pages .btn_prev img, #apparatus .pages .btn_next img {
  height: 40%;
}
#apparatus .pages .btn_prev {
  margin-right: 20px;
}
#apparatus .pages .btn_next {
  margin-left: 20px;
}
#apparatus .pages .btn_disable, #apparatus .pages .active {
  pointer-events: none;
}
#apparatus .page.active, #apparatus .page_text {
  color: #a2775f;
}
#apparatus .page_text {
  margin-left: 40px;
}
#apparatus .apparatus {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding: min(26px, 2.9vw);
  background: #f5f5f5;
  word-break: keep-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}
#apparatus .apparatus_link {
  color: #a2775f;
  border-bottom: min(2px, 0.3vw) solid #a2775f;
}
#apparatus .apparatus_name {
  color: #1f1f1f;
  width: 80%;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 1.2;
}
#apparatus .apparatus_info {
  color: #1f1f1f;
  letter-spacing: 0.9px;
  margin-top: 1em;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 1.25;
}
@media (min-width: 768px) {
  #apparatus .apparatus_link {
    font-size: min(16px, 1.8vw);
    padding-bottom: 7px;
  }
  #apparatus .apparatus_name {
    font-size: 24px;
  }
  #apparatus .apparatus_info {
    font-size: min(16.2px, 1.8vw);
  }
}
@media (max-width: 768px) {
  #apparatus .apparatus_link {
    font-size: 3.3vw;
    padding-bottom: 1.5vw;
  }
  #apparatus .apparatus_name {
    font-size: 4.3vw;
  }
  #apparatus .apparatus_info {
    font-size: 2.8vw;
  }
}
#apparatus .card {
  background: #f5f5f5;
}

form .title {
  text-align: center;
  color: #a2775f;
}
form .form_group {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
form .form_control {
  position: relative;
}
form .form_control:not(.textarea) {
  display: flex;
  align-items: center;
}
form .form_control.textarea .form_input {
  resize: none;
}
form .form_control.textarea .form_input::-webkit-scrollbar {
  width: 0;
}
form .form_control.sex label {
  color: #1f1f1f;
}
form .form_input {
  color: #636262;
  border: none;
  width: 99%;
  background: transparent;
  font-size: inherit;
}
form .form_input:focus {
  outline: none;
}
form .form_input:focus ~ .form_border {
  border: 1px solid #f44;
}
form .form_border {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #8f8f8f;
  z-index: -1;
}
form .form_label {
  color: #1f1f1f;
}
form .btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
form .btn button {
  display: flex;
  justify-content: center;
  align-items: center;
}
form .btn_reset {
  color: #676666;
  border: 1px solid #a2775f;
}
form .btn_send {
  background: #a2775f;
  color: #fffefe;
}

#index_banner .swiper-slide {
  position: relative;
}
#index_banner .swiper-slide > * {
  position: absolute;
}
#index_banner .swiper-slide img {
  min-width: 100%;
  min-height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#index_banner .swiper-slide .text_bold {
  font-weight: bolder;
}
#index_banner .swiper-slide .text2 {
  line-height: 1.3;
}
#index_banner .swiperBanner .swiper-pagination-bullet-active {
  background: #b62827;
}
#index_about {
  background-image: url(../imgs/index/about_bg.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top center;
}
#index_about .title {
  color: #1f1f1f;
  line-height: 1.5;
  font-weight: bolder;
}
#index_about h2 {
  color: #a2775f;
  font-weight: bold;
}
#index_about p {
  color: #444;
  line-height: 1.66;
}
#index_honor {
  position: relative;
}
#index_honor .line {
  background: #fff;
}
#index_honor .honer_title {
  line-height: 1.5;
}
#index_honor .honer_item {
  text-align: center;
}
#index_proxy {
  background: #1f1f1f;
}
#index_proxy .main {
  margin: 0 auto;
}
#index_proxy .main .step p {
  color: #a2775f;
  width: 100%;
  text-align: center;
}
#index_production {
  background: #b62828;
}
#index_production .info .title a {
  display: inline-flex;
  align-items: center;
}
#index_production .info .title a span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #110d0a;
  border-radius: 50%;
}
#index_production .info .title a span img {
  max-width: 45%;
  max-height: 45%;
}
#index_production .info .text {
  line-height: 1.5;
}
#index_production .card {
  overflow: hidden;
  background: #fff;
}
#index_production .card .pic_border {
  overflow: hidden;
  position: relative;
  width: 100%;
}
#index_production .card .pic_border .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#index_production .card .pic_border .pic.heightAll {
  height: 103%;
}
#index_production .card .pic_border .pic.widthAll {
  width: 103%;
}
#index_production .card .text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
#index_production .card .text .link_product {
  font-weight: bold;
  line-height: 1.1;
}
#index_production .card .text .link_product, #index_production .card .text p {
  color: #1f1f1f;
}
#index_production .card .text a {
  display: block;
}
#index_production .card .text a.link_request {
  background: #a2775f;
  color: #fffefe;
}
#index_production .card .text p {
  line-height: 1.33;
}
#index_news .main {
  margin: 0 auto;
}
#index_news .main .title a span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #a2775f;
}
#index_news .main .title a span img {
  max-width: 45%;
  max-height: 45%;
}
#index_news .main a, #index_news .main .new_date {
  color: #a2775f;
}
#index_news .main h2, #index_news .main p {
  color: #1f1f1f;
}
#index_news .new .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#index_news .new .pic_border {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#index_news .new .pic.widthAll {
  width: 100%;
}
#index_news .new .pic.heightAll {
  height: 100%;
}
#index_news .new p {
  font-weight: bold;
  line-height: 1.25;
}
#index #s03 {
  background: #1f1f1f;
  text-align: center;
}
#index #s03 .title {
  color: #e5dcc9;
}
#index #s03 .text {
  color: #b47a5a;
}
#index #s03 .slide {
  margin: 0 auto;
}
#index #s03 .slide .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#index #s03 .slide-thumb {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#index #s03 .slide-thumb-item:not(.active) {
  cursor: pointer;
}
#index #s03 .slide-thumb-item .contact {
  overflow: hidden;
  background: #a2775f;
}
#index #s03 .slide-thumb-item.active {
  cursor: default;
  position: relative;
  background-repeat: no-repeat;
  background-size: min(65px, 4.5vw) auto;
  background-position: bottom center;
  background-image: url(../imgs/index/s03\ -\ arrow_down.svg);
}
#index #s03 .slide-thumb-item.active .contact {
  background: #b62828;
}
#index #s03 .slide-thumb-item-border {
  position: relative;
  overflow: hidden;
}
#index #s03 .slide-thumb-item-title {
  color: #efeae5;
  font-weight: bold;
}
#index #s03 .slide-thumb-item-text {
  color: #fff;
  margin: 0 auto;
  line-height: 1.15;
  letter-spacing: 0.05em;
}
#index #s03 .slide-content {
  position: relative;
  overflow: hidden;
}
#index #s03 .slide-content-item {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  text-align: left;
  overflow: hidden;
}
#index #s03 .slide-content-item-border {
  position: relative;
  overflow: hidden;
}
#index #s03 .slide-content-item-title {
  letter-spacing: 0.05em;
  color: #b62828;
  line-height: 1.1;
  font-weight: bold;
}
#index #s03 .slide-content-item-text {
  color: #4c4c4c;
  line-height: 1.2;
  font-weight: normal;
}

#production {
  background: #fcfbfb;
}
#production_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
}
#production_banner.main {
  background-image: url(../imgs/product/production_banner1.jpg);
}
#production_banner.insert {
  background-image: url(../imgs/product/production_banner2.jpg);
}
#production_main {
  background-color: #fcfbfb;
  position: relative;
}
#production_main .info .title {
  color: #a2775f;
}
#production_main .info .text {
  color: #444;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: 500;
}
#production_main .production {
  display: none;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease-in-out;
  overflow: hidden;
  background: #fcf7ec;
}
#production_main .production.open {
  display: block;
}
#production_main .production.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 1s ease-in-out;
}
#production_main .production_pic {
  position: relative;
  overflow: hidden;
}
#production_main .production_name {
  font-weight: bold;
  color: #1f1f1f;
}
#production_main .production_add {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fffefe;
  background: #a2775f;
}
#production_main .production_rule {
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
}
#production_main .production_rule .rule {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #a2775f;
  color: #fcfbfb;
}
#production_main .production_rule .size {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #a2775f;
  border: 2px solid #a2775f;
  border-radius: 11px;
}
#production_main .production_info {
  color: #5d5d5d;
  line-height: 1.3;
  letter-spacing: 1px;
  font-weight: 500;
}
#production_main .loads-spinner {
  color: #a2775f;
  display: none;
  position: relative;
  margin: 0 auto;
  width: 8rem;
  height: 8rem;
}
#production_main .loads-spinner > div {
  transform-origin: 4rem 4rem;
  animation: load-animtion 1.2s linear infinite;
}
#production_main .loads-spinner > div::after {
  content: "";
  display: block;
  border-radius: 20%;
  background: currentColor;
  position: absolute;
  top: 0.32rem;
  left: 3.68rem;
  width: 0.64rem;
  height: 1.76rem;
}
#production_main .loads-spinner > div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
#production_main .loads-spinner > div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
#production_main .loads-spinner > div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
#production_main .loads-spinner > div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
#production_main .loads-spinner > div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.8s;
}
#production_main .loads-spinner > div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.7s;
}
#production_main .loads-spinner > div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
#production_main .loads-spinner > div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
#production_main .loads-spinner > div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
#production_main .loads-spinner > div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
#production_main .loads-spinner > div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
#production_main .loads-spinner > div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
#production_insert {
  background-color: #fcfbfb;
}
#production_insert > div {
  margin: 0 auto;
}
#production_insert > div .production_pic {
  position: relative;
  overflow: hidden;
}
#production_insert > div .production_pic .photo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 105%;
}
#production_insert > div .production_pic .btn_zoom {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 83.33%;
  left: 86.46%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
}
#production_insert > div .production_pic .btn_zoom img {
  width: 50%;
}
#production_insert > div .production_info .production_name {
  color: #1f1f1f;
}
#production_insert > div .production_info .item {
  color: #808080;
}
#production_insert > div .production_info div.rule {
  position: relative;
}
#production_insert > div .production_info div.rule p {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#production_insert > div .production_info div.rule p.rule {
  position: absolute;
  top: 0;
  left: 0;
  background: #a2775f;
  color: #fcfbfb;
}
#production_insert > div .production_info div.rule p.size {
  color: #a2775f;
  border: #a2775f solid 2px;
}
#production_insert > div .production_info .ingredients {
  color: #4b4b4b;
  border-collapse: collapse;
  border: 1px solid #4b4b4b;
}
#production_insert > div .production_info .ingredients tr {
  display: flex;
}
#production_insert > div .production_info .ingredients tr td {
  line-height: 1.2;
  border: 1px solid #4b4b4b;
}
#production_insert > div .production_info .text {
  color: #5d5d5d;
  line-height: 1.5;
  letter-spacing: 1px;
}
#production_insert > div .production_info .btn_group a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #a2775f;
  color: #fffefe;
}
#production_insert > div .production_name {
  font-weight: bold;
}
@media (min-width: 978px) {
  #production_insert {
    padding: 87px 0 55px 0;
  }
  #production_insert > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(26.464208243vw + 687.1800433839px);
  }
  #production_insert > div .production_pic {
    width: calc(13.0151843818vw + 352.7114967462px);
    height: calc(9.7613882863vw + 264.5336225597px);
    border-radius: calc(0.3253796095vw + 5.8177874187px);
  }
  #production_insert > div .production_pic .photo {
    min-width: calc(13.0151843818vw + 352.7114967462px);
    min-height: calc(9.7613882863vw + 264.5336225597px);
  }
  #production_insert > div .production_pic .btn_zoom {
    width: calc(1.3015184382vw + 39.2711496746px);
    height: calc(1.3015184382vw + 39.2711496746px);
  }
  #production_insert > div .production_info {
    width: calc(10.6290672451vw + 328.0477223427px);
  }
  #production_insert > div .production_info .production_name {
    font-size: calc(0.6507592191vw + 17.6355748373px);
  }
  #production_insert > div .production_info .item {
    font-size: calc(0.3253796095vw + 8.8177874187px);
    margin: calc(0.3253796095vw + 5.8177874187px) 0 calc(0.6507592191vw + 17.6355748373px);
  }
  #production_insert > div .production_info div.rule {
    padding-left: calc(1.409978308vw + 46.2104121475px);
  }
  #production_insert > div .production_info div.rule p {
    border-radius: 11px;
  }
  #production_insert > div .production_info div.rule p.rule {
    width: calc(1.3015184382vw + 35.2711496746px);
    height: calc(0.9761388286vw + 26.453362256px);
    font-size: calc(0.3904555315vw + 10.5813449024px);
  }
  #production_insert > div .production_info div.rule p.size {
    font-size: calc(0.4338394794vw + 11.7570498915px);
    height: calc(0.9761388286vw + 27.453362256px);
    padding: 0 calc(0.4338394794vw + 11.7570498915px);
  }
  #production_insert > div .production_info div.rule p.size:not(:last-child) {
    margin: 0 calc(0.3253796095vw + 3.8177874187px) calc(0.3253796095vw + 3.8177874187px) 0;
  }
  #production_insert > div .production_info .ingredients {
    width: calc(11.1713665944vw + 315.7440347072px);
    font-size: calc(0.3253796095vw + 8.8177874187px);
    margin: calc(0.5422993492vw + 9.6963123644px) 0 calc(1.6268980477vw + 24.0889370933px) 0;
  }
  #production_insert > div .production_info .ingredients td {
    padding: calc(0.3253796095vw + 7.8177874187px);
  }
  #production_insert > div .production_info .ingredients td:first-child {
    width: 25%;
  }
  #production_insert > div .production_info .ingredients td:last-child {
    width: 75%;
  }
  #production_insert > div .production_info .text {
    font-size: calc(0.3904555315vw + 10.5813449024px);
  }
  #production_insert > div .production_info .btn_group {
    text-align: right;
    margin-top: calc(0.6507592191vw + 16.6355748373px);
  }
  #production_insert > div .production_info .btn_group a {
    height: calc(0.6507592191vw + 22.6355748373px);
    font-size: calc(0.3253796095vw + 9.8177874187px);
    padding: 0 calc(0.3253796095vw + 12.8177874187px);
    border-radius: calc(0.4338394794vw + 9.7570498915px);
    margin-left: calc(0.3253796095vw + 5.8177874187px);
  }
}
@media (max-width: 978px) {
  #production_insert {
    padding: 16.3vw 0 7vw 0;
  }
  #production_insert > div .production_pic {
    margin: 0 auto 3.5vw auto;
    width: 80vw;
    height: 60vw;
    border-radius: 1.6vw;
  }
  #production_insert > div .production_pic .photo {
    min-width: 80vw;
    min-height: 60vw;
  }
  #production_insert > div .production_pic .btn_zoom {
    width: 8.5vw;
    height: 8.5vw;
  }
  #production_insert > div .production_info {
    width: 81.5vw;
    margin: 0 auto;
  }
  #production_insert > div .production_info .production_name {
    font-size: 5vw;
  }
  #production_insert > div .production_info .item {
    font-size: 3vw;
    margin: 2.3vw 0 3.6vw;
  }
  #production_insert > div .production_info div.rule {
    padding-left: 12.8vw;
  }
  #production_insert > div .production_info div.rule p {
    border-radius: 1.5vw;
  }
  #production_insert > div .production_info div.rule p.rule {
    width: 10.4vw;
    height: 8vw;
    font-size: 3vw;
  }
  #production_insert > div .production_info div.rule p.size {
    font-size: 3.5vw;
    height: 8vw;
    padding: 0 3.7vw;
  }
  #production_insert > div .production_info div.rule p.size:not(:last-child) {
    margin: 0 2.4vw 2vw 0;
  }
  #production_insert > div .production_info .ingredients {
    width: 81vw;
    font-size: 3vw;
    margin: 3.3vw auto 8.7vw auto;
  }
  #production_insert > div .production_info .ingredients td {
    padding: 3vw;
  }
  #production_insert > div .production_info .ingredients td:first-child {
    width: 36%;
  }
  #production_insert > div .production_info .ingredients td:last-child {
    width: 64%;
  }
  #production_insert > div .production_info .text {
    font-size: 3vw;
  }
  #production_insert > div .production_info .btn_group {
    text-align: center;
    margin-top: 6vw;
  }
  #production_insert > div .production_info .btn_group a {
    height: 8.5vw;
    font-size: 3.9vw;
    padding: 0 5vw;
    border-radius: 2.3vw;
    margin: 1.8vw 0;
  }
}
#production #others {
  background: #1f1f1f;
}
#production #others .main {
  margin: 0 auto;
}
#production #others .title {
  color: #a2775f;
}
#production #others .card {
  overflow: hidden;
}
#production #others .card .pic_border {
  overflow: hidden;
  position: relative;
  width: 100%;
}
#production #others .card .pic_border .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#production #others .card .pic_border .pic.heightAll {
  height: 100%;
}
#production #others .card .pic_border .pic.widthAll {
  width: 100%;
}
#production #others .card .text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  background: #fff;
}
#production #others .card .text h3, #production #others .card .text p {
  color: #1f1f1f;
}
#production #others .card .text a {
  background: #a2775f;
  color: #fffefe;
  display: flex;
  justify-content: center;
  align-items: center;
}
#production #others .card .text p {
  line-height: 1.33;
}
#production .lightbox {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  display: none;
}
#production .lightbox.show {
  display: block;
}
#production .lightbox .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#production .lightbox .btn_close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(10vw, 50px);
  height: min(10vw, 50px);
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  position: fixed;
  top: 10px;
  right: 10px;
}
#production .lightbox .btn_close img {
  max-width: 70%;
  max-height: 70%;
}

#contact {
  background: #fcfbfb;
}
#contact_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../imgs/contact_banner.jpg);
}
#contact .corporation_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#contact .corporation_affiliation tr {
  display: flex;
  align-items: flex-start;
}
#contact .corporation_affiliation td {
  line-height: 1.2;
}
#contact .corporation_affiliation td:nth-child(3n-2) {
  text-align: right;
}
#contact .corporation_affiliation td:nth-child(3n) {
  color: #f8f8f8;
}
#contact .corporation_affiliation .line {
  margin: 0 auto;
  background: #bfbfbf;
}

#request {
  background: #fcfbfb;
}
#request_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../imgs/request_banner.jpg);
}
#request .commodity {
  border-bottom: 1px solid #4b4b4b;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 auto;
}
#request .commodity:first-of-type {
  border-top: 1px solid #4b4b4b;
}
#request .commodity_pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
  height: 105%;
}
#request .commodity_pic_border {
  position: relative;
  overflow: hidden;
}
#request .commodity_no {
  color: #a2775f;
}
#request .commodity_name {
  color: #1f1f1f;
}
#request .commodity_item {
  color: #808080;
}
#request .commodity_del {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#news {
  background: #fcfbfb;
}
#news_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
}
#news_banner.main {
  background-image: url(../imgs/news/main_banner.jpg);
}
#news_banner.insert {
  background-image: url(../imgs/news/inster_banner.jpg);
}
#news .news_group .card {
  display: block;
}
#news .news_group .card .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  height: 105%;
}
#news .news_group .card .pic_border {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
#news .news_group .card .news_date {
  color: #a2775f;
}
#news .news_group .card .news_title {
  color: #1f1f1f;
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}
#news .news_group .page {
  color: #1f1f1f;
  font-size: min(18px, 2.34vw);
  margin: 0 min(12px, 1.56vw);
}
#news .news_group .pages {
  display: flex;
  justify-content: center;
  align-items: center;
}
#news .news_group .pages > * {
  display: inline-block;
}
#news .news_group .pages .btn_prev, #news .news_group .pages .btn_next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(28px, 3.65vw);
  height: min(28px, 3.65vw);
  border-radius: 50%;
  background: #a2775f;
}
#news .news_group .pages .btn_prev img, #news .news_group .pages .btn_next img {
  height: 40%;
}
#news .news_group .pages .btn_prev {
  margin-right: min(20px, 2.6vw);
}
#news .news_group .pages .btn_next {
  margin-left: min(20px, 2.6vw);
}
#news .news_group .page.active, #news .news_group .page_text {
  color: #a2775f;
}
#news .news_group .page_text {
  margin-left: min(40px, 5.2vw);
}
#news .news-content {
  width: min(1283px, 100%);
  padding-top: min(120px, 9.35vw);
  margin: 0 auto;
}
#news .news-content img:not(.news-photo) {
  display: block;
  margin: min(40px, 3.12vw) auto min(80px, 6.24vw) auto;
  width: min(936px, 72.95vw);
}
#news .news-date {
  color: #a2775f;
  font-size: min(15px, 1.2vw);
  margin-bottom: 1em;
}
@media (max-width: 1283px) {
  #news .news-date {
    padding-left: 5vw;
  }
}
#news .news-title {
  color: #1f1f1f;
  font-size: min(28px, 1.5vw);
  margin-bottom: 1em;
}
@media (max-width: 1283px) {
  #news .news-title {
    padding-left: 5vw;
  }
}
#news .news-photo {
  display: block;
  width: 100%;
  margin-bottom: min(40px, 3.12vw);
}
#news .news-title_sub {
  width: min(936px, 72.95vw);
  margin: 0 auto;
  color: #a2775f;
  font-size: min(30px, 2.34vw);
  line-height: 1.25;
  margin-bottom: 1em;
}
#news .news-text {
  width: min(936px, 72.95vw);
  margin: 0 auto;
  color: #616161;
  line-height: 1.55;
}

#qa {
  background-color: #fcfbfb;
}
#qa_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../imgs/QA_banner.jpg);
}
#qa .main .common_question {
  display: flex;
  position: relative;
  border-bottom: 1px solid #4b4b4b;
  cursor: pointer;
}
#qa .main .common_question.active .btn_fold {
  background: #1f1f1f;
  transition: all 0.5s ease-in-out;
}
#qa .main .common_question.active .btn_fold::after, #qa .main .common_question.active .btn_fold::before {
  transition: all 0.5s ease-in-out;
}
#qa .main .common_question.active .btn_fold::before {
  transform: translate(-50%, -50%) rotate(360deg);
}
#qa .main .common_question.active .btn_fold::after {
  transform: translate(-50%, -50%) rotate(450deg);
}
#qa .main .common_question .btn_fold {
  position: absolute;
  background: #a2775f;
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
}
#qa .main .common_question .btn_fold::after, #qa .main .common_question .btn_fold::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: #fcfefe;
  border-radius: 1px;
  transition: all 0.5s ease-in-out;
}
#qa .main .common_question .no {
  color: #a2775f;
}
#qa .main .common_question .question {
  color: #1f1f1f;
  line-height: 1.25;
  font-weight: bold;
}
#qa .main .common_question .overflow-hidden {
  height: 0;
  transition: all 0.5s ease-in-out;
}
#qa .main .common_question .answer {
  color: #808080;
  line-height: 1.6;
}
#qa .main .page {
  color: #1f1f1f;
  font-size: min(18px, 2.34vw);
  margin: 0 min(12px, 1.56vw);
}
#qa .main .pages {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min(80px, 10.42vw);
}
#qa .main .pages > * {
  display: inline-block;
}
#qa .main .pages .btn_prev, #qa .main .pages .btn_next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(28px, 3.65vw);
  height: min(28px, 3.65vw);
  border-radius: 50%;
  background: #a2775f;
}
#qa .main .pages .btn_prev img, #qa .main .pages .btn_next img {
  height: 40%;
}
#qa .main .pages .btn_prev {
  margin-right: min(20px, 2.6vw);
}
#qa .main .pages .btn_next {
  margin-left: min(20px, 2.6vw);
}
#qa .main .page.active, #qa .main .page_text {
  color: #a2775f;
}
#qa .main .page_text {
  margin-left: min(40px, 5.2vw);
}

#proxy {
  background: #fcfbfb;
}
#proxy_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../imgs/proxy/main_banner.jpg);
}
#proxy_banner.apparatus_flavor {
  background-image: url(../imgs/proxy/flavor_banner.jpg);
}
#proxy_banner.apparatus_package {
  background-image: url(../imgs/proxy/pack_banner.jpg);
}
#proxy_banner.apparatus_prodct {
  background-image: url(../imgs/proxy/product_banner.jpg);
}
#proxy #experience {
  background-repeat: no-repeat;
  position: relative;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  #proxy #experience {
    background-position: top 0 left calc(44.7879858657vw + -852.9717314488px);
    background-size: calc(43.816254417vw + 1069.4911660777px) auto;
  }
}
@media (min-width: 1904px) {
  #proxy #experience {
    background-position: top left;
    background-size: 100% auto;
  }
}
#proxy #experience .text .list_group p {
  position: relative;
}
#proxy #experience .text .list_group .no {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #a2775f;
  color: #fcfbfb;
}
#proxy #experience .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
#proxy #experience .pic_border {
  width: calc(16.1660777385vw + 170.8445229682px);
  height: calc(11.7491166078vw + 125.7667844523px);
  position: absolute;
  top: calc(7.4204946996vw + 181.0106007067px);
  left: calc(28.6219081272vw + 230.183745583px);
  overflow: hidden;
  border: calc(0.4416961131vw + 3.6077738516px) #fcfbfb solid;
  border-radius: calc(3.816254417vw + 89.4911660777px);
}
#proxy #experience .pic:nth-child(1) {
  animation: experience_first 10s linear infinite;
}
#proxy #experience .pic:nth-child(2) {
  animation: experience_second 10s linear infinite;
}
#proxy #experience .pic:nth-child(3) {
  animation: experience_third 10s linear infinite;
}
#proxy #experience .pic:nth-child(4) {
  animation: experience_fourth 10s linear infinite;
}
#proxy #capacity {
  overflow-x: hidden;
}
#proxy #capacity .capacity_info {
  margin: 0 auto;
}
#proxy #capacity .capacity_title {
  color: #a2775f;
}
#proxy #capacity .capacity_text {
  color: #444;
  letter-spacing: 0.8px;
  line-height: 1.4;
}
#proxy #capacity > div:not(:first-child) {
  position: relative;
}
#proxy #capacity .pic_border {
  overflow: hidden;
}
#proxy #capacity .text {
  color: #323232;
}
#proxy #capacity .text .production_name {
  background: #8f0000;
  color: #fffefe;
  display: inline-block;
  font-weight: bold;
}
#proxy #capacity .text .production_amount {
  font-family: "Poppins", sans-serif;
}
#proxy #capacity .text .production_unit {
  font-weight: bold;
  letter-spacing: 1.5px;
}
#proxy #film .title {
  line-height: 1.35;
}
#proxy #film p.text {
  line-height: 1.25;
}
#proxy #quality {
  background: #1f1f1f;
  color: #fff;
  overflow-x: hidden;
}
#proxy #quality .swiper-button-next {
  right: 0;
}
#proxy #quality .swiper-button-prev {
  left: 0;
}
#proxy_insert .apparatus_pic {
  display: block;
}
#proxy_insert .apparatus_name {
  color: #222;
}
#proxy_insert .apparatus_info {
  color: #808080;
  line-height: 1.5;
}

#package {
  background: #fcfbfb;
}
#package_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../imgs/proxy/pack_banner.jpg);
}
#package .package {
  background: #1f1f1f;
  text-align: center;
}
#package .package .info {
  line-height: 1.45;
}
#package .package .swiper .board {
  background: #1f1f1f;
  z-index: 2;
  position: absolute;
  top: 0;
}
#package .package .swiper .board-left {
  left: 0;
}
#package .package .swiper .board-right {
  right: 0;
}
#package .package .swiper.size-big {
  padding: 0 24px;
}
#package .package .swiper.size-big .board {
  width: 24px;
  height: 100%;
}
#package .package .swiper.size-mid {
  padding: 0 3.6vw;
}
#package .package .swiper.size-mid .board {
  width: 2.4vw;
  height: 100%;
}
#package .package .swiper-button-next {
  right: 0;
}
#package .package .swiper-button-prev {
  left: 0;
}
#package .package .swiper-slide .pic_border {
  background: #fff;
}
#package .package .swiper-slide .text {
  background: #f5f5f5;
  color: #1f1f1f;
  position: relative;
  text-align: left;
}
#package .package .swiper-slide .text .package_link {
  color: #a2775f;
  border-bottom: min(2px, 0.3vw) solid #a2775f;
}

#product {
  background: #fcfbfb;
}
#product_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../imgs/proxy/product_banner.jpg);
}
#product .step {
  display: flex;
  justify-content: center;
  align-items: center;
}
#product .step_production {
  background-repeat: no-repeat;
  background-image: url(../imgs/proxy/product_step-bg.jpg);
  background-size: calc(76.7667844523vw + 441.4310954064px) auto;
  background-position: top 0 left calc(13.6925795053vw + -260.1590106007px);
  background-color: #caa997;
  color: #fff;
}
#product .step_production .title {
  text-align: center;
}
#product .step_production .form_group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#product .step_production .form_control label {
  display: block;
}
#product .step_production .form_control label .board {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1f1f1f;
}
#product .step_production .form_control [type=radio] {
  display: none;
}
#product .step_production .form_control [type=radio]:checked ~ label {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image: url(../imgs/arrow_down3.svg);
}
#product .step_noodle {
  position: absolute;
  top: 0;
  left: 50%;
  display: none;
  opacity: 0;
  transition: all 0.8s ease-in-out;
  transition-delay: 0.2s;
}
#product .step_noodle-group {
  position: relative;
  transition: all 0.2s ease-in-out;
}
#product .step_noodle.noodle1 {
  transform: translateX(-45%);
}
#product .step_noodle.noodle2 {
  transform: translateX(-55%);
}
#product .step_noodle.active {
  display: block;
}
#product .step_noodle.show {
  opacity: 1;
  transform: translateX(-50%);
  transition: all 0.8s ease-in-out;
  transition-delay: 0.2s;
}
#product .step .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}
#product .step .pic_border {
  position: relative;
  border-radius: 50%;
  border: min(10px, 1.3vw) solid #f6eee3;
  overflow: hidden;
}
#product .step .no {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #f6eee3;
  color: #a2775f;
  font-size: min(19px, 2.5vw);
}
#product .step .info * {
  text-align: left;
}
#product .step .info .text {
  line-height: 1.5;
}

#flavor_banner {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../imgs/proxy/flavor_banner.jpg);
}
#flavor #apparatus {
  background: #fcfbfb;
}
#flavor .marquee_flavor {
  position: relative;
  width: 100%;
  height: min(876px, 114vw);
  overflow: hidden;
}
#flavor .marquee_flavor .info {
  width: min(434px, 56.51vw);
  height: 101%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(31, 31, 31, 0.9);
}
#flavor .marquee_flavor .info .title {
  text-align: center;
  font-size: min(38px, 4.95vw);
  margin-bottom: min(35px, 4.56vw);
  line-height: 1.65;
}
#flavor .marquee_flavor .info .text {
  text-align: left;
  line-height: 1.35;
  width: min(300px, 39vw);
  font-size: min(18px, 3.1vw);
}
#flavor .marquee_top, #flavor .marquee_bottom {
  width: 100%;
  height: min(438px, 57vw);
}
#flavor .marquee_top img, #flavor .marquee_bottom img {
  height: 100%;
  position: absolute;
  top: 0;
}
#flavor .marquee_top {
  position: absolute;
  top: 0;
  left: 0;
}
#flavor .marquee_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .mobile {
    display: none !important;
  }
  #header {
    height: calc(2.703180212vw + 38.6395759717px);
    padding: 0 2.4vw;
  }
  #header .logo {
    width: calc(1.5318021201vw + 21.8957597173px);
  }
  #header .menu {
    width: calc(19.0724381625vw + 272.6236749117px);
    font-size: calc(0.4770318021vw + 8.9363957597px);
  }
  #header .menu_btn {
    display: inline-block;
  }
  #header .menu_right {
    width: calc(8.4699646643vw + 121.0706713781px);
    height: calc(1.2915194346vw + 18.461130742px);
    border-bottom-right-radius: calc(0.3003533569vw + 4.2932862191px);
    border-bottom-left-radius: calc(0.3003533569vw + 4.2932862191px);
    padding: 0 calc(0.7508833922vw + 10.7332155477px);
    font-size: calc(0.4637809187vw + 6.1881625442px);
  }
  #header .menu_right_item:nth-child(1) img {
    height: calc(0.6007067138vw + 8.5865724382px);
  }
  #header .menu_right_item:nth-child(1) .msg {
    width: calc(0.480565371vw + 6.8692579505px);
    height: calc(0.480565371vw + 6.8692579505px);
    font-size: calc(0.3533568905vw + 3.2862190813px);
  }
  #header .menu_right_item:nth-child(2) img {
    height: calc(0.3003533569vw + 4.2932862191px);
  }
  #header .menu_right_item:nth-child(3) svg {
    height: calc(0.4505300353vw + 6.4399293286px);
  }
  #header .menu_right .language_change {
    transform: translate(-50%, calc(1.74204947vw + 24.9010600707px));
  }
  #header .menu .proxy {
    position: absolute;
    top: 100%;
    left: 50%;
    width: calc(7.8091872792vw + 111.6254416961px);
    height: calc(4.9558303887vw + 70.8392226148px);
    transform: translate(-50%, 25px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: calc(0.6007067138vw + 8.5865724382px) calc(0.7950530035vw + 2.8939929329px) 0 calc(0.7950530035vw + 2.8939929329px);
    font-size: calc(0.5653710247vw + 5.25795053px);
    z-index: 9;
  }
  #header .menu .proxy_btn img {
    height: calc(0.5406360424vw + 7.7279151943px);
  }
  #header .menu .proxy hr {
    margin: calc(0.4505300353vw + 6.4399293286px) 0;
  }
  #menu .menu_item {
    width: 240px;
    max-width: 53vw;
  }
  #menu .social_menu {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #menu .social_menu .social_icon {
    width: 5.2vh;
    height: 5.2vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1.6vh;
    border-radius: 50%;
    border: 1px solid #fff;
  }
  #menu .social_menu .social_icon:nth-of-type(1) img {
    height: 4vh;
  }
  #menu .social_menu .social_icon:nth-of-type(2) img {
    height: 4vh;
  }
  #menu .social_menu .social_icon:nth-of-type(3) img {
    height: 3.5vh;
  }
  #footer {
    height: calc(24.0106007067vw + 143.7985865724px);
  }
  #footer .contact {
    width: calc(25.0441696113vw + 154.1607773852px);
    position: absolute;
    top: calc(7.8034452297vw + 46.734540636px);
    right: 50%;
    transform: translateX(-5px);
  }
  #footer .contact .company {
    display: flex;
  }
  #footer .contact .company_name {
    height: calc(3.125vw + 20px);
  }
  #footer .contact .company.info {
    align-items: center;
    margin-bottom: calc(1.5206713781vw + 9.1072438163px);
  }
  #footer .contact .company.title {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: calc(1.6007067138vw + 9.5865724382px);
  }
  #footer .contact .company.title a {
    width: calc(1.6407243816vw + 9.8262367491px);
    height: calc(1.6407243816vw + 9.8262367491px);
    margin: 0 calc(0.4802120141vw + 2.8759717314px);
  }
  #footer .contact .company .logo {
    width: calc(2.8012367491vw + 16.7765017668px);
  }
  #footer .contact .company h3 {
    font-size: calc(1.4806537102vw + 8.8675795053px);
    margin-left: calc(0.8803886926vw + 5.272614841px);
  }
  #footer .contact .company h3 span {
    font-size: calc(0.6002650177vw + 3.5949646643px);
  }
  #footer .contact .company .line {
    width: 1px;
    height: calc(6.0026501767vw + 35.9496466431px);
    margin: 0 calc(2.6411660777vw + 15.817844523px);
    background: #fff;
  }
  #footer .contact .company_contact {
    line-height: 1.5;
  }
  #footer .contact .company_contact [href="mailto:wumu@singlin.com.tw"] {
    display: inline-block;
    margin-bottom: calc(0.8833922261vw + 3.2155477032px);
  }
  #footer .contact .company_contact, #footer .contact .company .link_server > a, #footer .contact .company p {
    font-size: calc(0.7203180212vw + 4.3139575972px);
  }
  #footer .contact .company .link_proxy {
    width: calc(7.203180212vw + 43.1395759717px);
  }
  #footer .contact .company .link_proxy a {
    font-size: calc(0.6002650177vw + 3.5949646643px);
    line-height: 2;
  }
  #footer .contact .company .link_proxy, #footer .contact .company .link_server {
    line-height: calc(1.6007067138vw + 9.5865724382px);
  }
  #footer .contact .copyright {
    margin-top: calc(1.7207597173vw + 10.305565371px);
    font-size: calc(0.5602473498vw + 3.3553003534px);
  }
  #footer .certification {
    width: calc(20.8892226148vw + 125.104770318px);
    height: calc(21.2493816254vw + 127.2617491166px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(calc(4.4019434629vw + 26.3630742049px));
    padding: calc(1.2005300353vw + 7.1899293286px) calc(1.8408127208vw + 11.0245583039px);
  }
  #footer .certification .line {
    width: calc(8.0035335689vw + 47.9328621908px);
    height: 1px;
    position: absolute;
    top: calc(1.6007067138vw + 9.5865724382px);
    left: calc(11.0048586572vw + 65.9076855124px);
  }
  #footer .certification_imgs {
    margin-top: calc(0.4802120141vw + 2.8759717314px);
  }
  #footer .certification_imgs img {
    width: calc(4.8021201413vw + 28.7597173145px);
    height: calc(4.8021201413vw + 28.7597173145px);
  }
  #footer .certification p {
    font-size: calc(0.6402826855vw + 3.8346289753px);
  }
  #footer .certification h4 {
    font-size: calc(0.8803886926vw + 5.272614841px);
    margin-bottom: calc(0.6002650177vw + 3.5949646643px);
  }
  #footer .top_btn {
    width: calc(2.0008833922vw + 11.9832155477px);
    height: calc(2.0008833922vw + 11.9832155477px);
    transform: translateX(calc(23.2102473498vw + 139.0053003534px));
  }
  #guide {
    position: absolute;
    top: calc(2.7vw + 320px);
    left: 0;
    height: 120px;
    padding: calc(2.0715547703vw + -4.359540636px) calc(1.7667844523vw + -3.5689045936px) 0 calc(26.148409894vw + -186.8197879859px);
    border-top-right-radius: 14px;
    min-width: calc(26.5017667845vw + 162.4664310954px);
  }
  #guide .title {
    font-size: calc(0.4416961131vw + 39.6077738516px);
    margin-bottom: calc(0.8833922261vw + 13.2155477032px);
  }
  #guide .bread {
    font-size: 15px;
  }
  #guide .bread .icon {
    width: 19px;
  }
  #guide .bread span {
    margin: 0 8px;
  }
  form .title {
    font-size: 42px;
    margin-bottom: 70px;
  }
  form .form_group {
    width: calc(15.9010600707vw + 597.8798586572px);
  }
  form .form_control {
    font-size: calc(0.2650176678vw + 10.964664311px);
    padding-left: calc(2.6501766784vw + 109.6466431095px);
    margin-bottom: 10px;
  }
  form .form_control.sex input[name=sex] {
    width: calc(0.4416961131vw + 16.6077738516px);
  }
  form .form_control.sex label[for] {
    width: calc(1.5017667845vw + 51.4664310954px);
  }
  form .form_control:not(.textarea) {
    width: calc(7.9505300353vw + 293.9399293286px);
    height: calc(0.8833922261vw + 33.2155477032px);
  }
  form .form_control:not(.textarea) .form_label {
    position: absolute;
    top: 50%;
    left: calc(0.3533568905vw + 14.2862190813px);
    transform: translateY(-50%);
  }
  form .form_control.textarea {
    width: 100%;
    height: calc(3.9752650177vw + 149.4699646643px);
  }
  form .form_control.textarea .form_label {
    position: absolute;
    top: calc(0.3533568905vw + 11.2862190813px);
    left: calc(0.2650176678vw + 13.964664311px);
  }
  form .form_control.textarea .form_input {
    margin-top: calc(0.3533568905vw + 11.2862190813px);
    height: calc(3.2685512367vw + 126.8975265018px);
  }
  form .btn {
    margin-top: 35px;
  }
  form .btn button {
    width: 120px;
    height: 35px;
    border-radius: 17.5px;
    margin: 0 10px;
    font-size: 16px;
  }
  #index_banner .swiper-slide {
    height: 640px;
  }
  #index_banner .swiper .text {
    position: absolute;
    top: 62px;
    left: calc(22.0759717314vw + -119.4434628975px);
  }
  #index_banner .swiper .text1 {
    font-size: 40px;
  }
  #index_banner .swiper .text1 > p:first-child {
    margin-bottom: 10px;
  }
  #index_banner .swiper .text1:nth-of-type(1) > .text_right {
    padding-left: 53px;
  }
  #index_banner .swiper .text1:nth-of-type(2) > .text_right {
    padding-left: 89px;
  }
  #index_banner .swiper .text1:nth-of-type(3) > .text_right {
    padding-left: 66px;
  }
  #index_banner .swiper .text2 {
    font-size: 18px;
    margin-top: 15px;
  }
  #index_banner .swiper .text2:nth-of-type(1) {
    width: 431px;
  }
  #index_banner .swiper .text2:nth-of-type(2) {
    width: 416px;
  }
  #index_banner .swiper .text2:nth-of-type(3) {
    width: 407px;
  }
  #index_about {
    height: 705px;
    padding-top: 77px;
  }
  #index_about > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    width: calc(41.845229682vw + 428.9406360424px);
  }
  #index_about .title {
    font-size: calc(0.9275618375vw + 17.3763250883px);
  }
  #index_about .story {
    width: calc(15.9010600707vw + 297.8798586572px);
  }
  #index_about .story h2 {
    margin-bottom: 20px;
    font-size: 32px;
  }
  #index_about .story p {
    line-height: 1.4;
    font-size: 18px;
  }
  #index_honor {
    height: calc(22.9849823322vw + 193.285335689px);
    background-image: linear-gradient(#4b4b4b calc(18.24204947vw + 153.4010600707px), #1f1f1f 1px);
  }
  #index_honor .bg {
    width: calc(46.6266784452vw + 392.0931095406px);
  }
  #index_honor > div {
    position: absolute;
    top: 57px;
    left: 50%;
    transform: translateX(-50%);
  }
  #index_honor > div .honer_title, #index_honor > div .line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  #index_honor .line {
    width: 3px;
    height: calc(3.4659893993vw + 29.1462014134px);
  }
  #index_honor .line_item1 {
    left: 57%;
  }
  #index_honor .line_item2 {
    left: 81%;
  }
  #index_honor .honer_title {
    font-size: calc(1.4593639576vw + 12.2720848057px);
    left: 5.2%;
  }
  #index_honor .honer_title p {
    font-size: calc(0.8756183746vw + 7.3632508834px);
    margin-top: calc(1.0945229682vw + 9.2040636042px);
  }
  #index_honor .honer_item {
    position: absolute;
    bottom: 27.8%;
    font-size: calc(0.7296819788vw + 6.1360424028px);
    line-height: 1.3;
  }
  #index_honor .honer_item.honer1 {
    left: 38.3%;
  }
  #index_honor .honer_item.honer1 img {
    width: calc(7.16vw + 43px);
  }
  #index_honor .honer_item.honer2 {
    left: 60.2%;
  }
  #index_honor .honer_item.honer2 img {
    width: calc(8.48vw + 51.8px);
  }
  #index_honor .honer_item.honer3 {
    left: 85%;
  }
  #index_honor .honer_item.honer3 img {
    width: calc(4.95vw + 31px);
  }
  #index_proxy {
    padding-bottom: 90px;
  }
  #index_proxy .main {
    width: calc(46.6266784452vw + 392.0931095406px);
  }
  #index_proxy .main .title {
    font-size: calc(1.3863957597vw + 11.6584805654px);
    margin-bottom: calc(2.9187279152vw + 24.5441696113px);
  }
  #index_proxy .main .step {
    position: relative;
    width: 18.85%;
    margin-bottom: calc(0.7296819788vw + 6.1360424028px);
  }
  #index_proxy .main .step_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  #index_proxy .main .step img {
    width: 100%;
  }
  #index_proxy .main .step p {
    position: absolute;
    top: 76.5%;
    left: 50%;
    transform: translateX(-50%);
    font-size: calc(0.7296819788vw + 6.1360424028px);
  }
  #index_production {
    padding: calc(2.1073674912vw + 17.9600176678px) 0;
  }
  #index_production > div {
    margin: 0 auto;
    width: calc(46.2894169611vw + 394.5010777385px);
  }
  #index_production .info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
  }
  #index_production .info .title h2 {
    font-size: calc(1.24204947vw + 14.4010600707px);
    margin-bottom: calc(0.7vw + 6.5px);
  }
  #index_production .info .title a {
    font-size: 15px;
  }
  #index_production .info .title a span {
    width: calc(1vw + 8px);
    height: calc(1vw + 8px);
    margin-left: 3px;
  }
  #index_production .info .text {
    font-size: calc(0.6vw + 7px);
    width: calc(25.0044169611vw + 289.9160777385px);
  }
  #index_production .card {
    width: calc(14.4876325088vw + 124.7349823322px);
    border-radius: calc(0.3533568905vw + 3.2862190813px);
  }
  #index_production .card_container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  #index_production .card .pic_border {
    height: calc(10.8657243816vw + 93.5512367491px);
  }
  #index_production .card .text {
    margin-top: -2px;
    padding: calc(0.9779151943vw + 8.4196113074px);
  }
  #index_production .card .text .link_product {
    width: calc(5.0867491166vw + 43.3517667845px);
    font-size: calc(0.9083480565vw + 7.7413869258px);
  }
  #index_production .card .text .link_request {
    padding: calc(0.3270053004vw + 2.7868992933px) calc(0.690344523vw + 5.8834540636px);
    font-size: calc(0.5813427562vw + 4.9544876325px);
    border-radius: calc(0.6176766784vw + 5.2641431095px);
  }
  #index_production .card .text p {
    margin-top: 1em;
    font-size: calc(0.6540106007vw + 5.5737985866px);
  }
  #index_news .main {
    width: calc(42.3763250883vw + 424.8498233216px);
    padding: calc(2.1201413428vw + 19.7173144876px) 0 calc(1.4134275618vw + 13.1448763251px) 0;
    position: relative;
  }
  #index_news .main .title {
    position: absolute;
    top: calc(2.6501766784vw + 24.6466431095px);
    left: 46%;
  }
  #index_news .main .title h2 {
    font-size: calc(1.3091872792vw + 13.1254416961px);
    margin-bottom: 20px;
  }
  #index_news .main .title a {
    font-size: calc(0.5653710247vw + 5.25795053px);
  }
  #index_news .main .title a span {
    width: calc(0.9893992933vw + 9.2014134276px);
    height: calc(0.9893992933vw + 9.2014134276px);
  }
  #index_news .main .new {
    width: 24.4%;
  }
  #index_news .main .news_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }
  #index_news .main .new .pic_border {
    height: calc(8.5vw + 62.2px);
    border-radius: calc(0.4001766784vw + 2.3966431095px);
  }
  #index_news .main .new_date {
    font-size: calc(0.3975265018vw + 7.4469964664px);
    margin: calc(0.7067137809vw + 6.5724381625px) 0 calc(0.3533568905vw + 3.2862190813px) 0;
  }
  #index_news .main .new p {
    font-size: calc(0.6713780919vw + 6.2438162544px);
    height: calc(3.7102473498vw + 34.5053003534px);
  }
  #index_news .main .new:first-child {
    width: 42%;
  }
  #index_news .main .new:first-child .pic_border {
    height: calc(14.58vw + 106px);
  }
  #index_news .main .new:first-child p {
    font-size: calc(0.8833922261vw + 8.2155477032px);
  }
  #index #s03 {
    padding: 72px 0 80px 0;
  }
  #index #s03 .title {
    font-size: min(42px, 2.9vw);
  }
  #index #s03 .text {
    font-size: min(25px, 1.7vw);
    margin: min(18px, 1.3vw) 0 min(61px, 4.2vw) 0;
  }
  #index #s03 .slide {
    width: min(1407px, 97.7%);
  }
  #index #s03 .slide .pic {
    height: 103%;
  }
  #index #s03 .slide-thumb-item {
    text-align: left;
    width: min(323px, 22.4vw);
    height: min(447px, 31vw);
  }
  #index #s03 .slide-thumb-item .contact {
    width: min(323px, 22.4vw);
    height: min(424px, 29.4vw);
    border-radius: min(100px, 6.9vw) min(15px, 1vw) min(15px, 1vw) min(15px, 1vw);
  }
  #index #s03 .slide-thumb-item-border {
    width: 100%;
    height: min(205px, 14.2vw);
  }
  #index #s03 .slide-thumb-item-title {
    line-height: 1.2;
    width: min(265px, 18.4vw);
    font-size: min(25px, 1.7vw);
    margin: min(22px, 1.5vw) auto min(19px, 1.3vw) auto;
  }
  #index #s03 .slide-thumb-item-text {
    width: min(265px, 18.4vw);
    font-size: min(18px, 1.3vw);
  }
  #index #s03 .slide-content {
    width: 100%;
    height: min(396px, 27.5vw);
    margin-top: min(24px, 1.7vw);
  }
  #index #s03 .slide-content-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: min(100px, 6.9vw) min(15px, 1vw) min(15px, 1vw) min(15px, 1vw);
    padding-right: min(50px, 3.47vw);
    transform: translateX(0);
  }
  #index #s03 .slide-content-item.ready {
    transform: translateX(100%);
  }
  #index #s03 .slide-content-item.move-in {
    animation: movingIn 1s ease-in forwards;
  }
  #index #s03 .slide-content-item.move-out {
    animation: movingOut 1s ease-in forwards;
  }
  #index #s03 .slide-content-item-border {
    width: min(604px, 42vw);
    height: 100%;
  }
  #index #s03 .slide-content-item > div:last-child {
    width: min(688px, 47.8vw);
  }
  #index #s03 .slide-content-item-title {
    font-size: min(32px, 2.2vw);
    margin-bottom: min(23px, 1.6vw);
  }
  #index #s03 .slide-content-item-text {
    font-size: min(18px, 1.3vw);
  }
  #index #footer {
    background-image: linear-gradient(transparent calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #production_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #production_main .info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(47.1731448763vw + 376.7102473498px);
    margin: 63px auto calc(2.3851590106vw + 12.6819787986px) auto;
  }
  #production_main .info .title {
    font-size: calc(0.3533568905vw + 35.2862190813px);
  }
  #production_main .info .text {
    width: calc(31.8021201413vw + 295.7597173145px);
    font-size: calc(0.1766784452vw + 14.6431095406px);
  }
  #production_main .production {
    width: calc(46.8197879859vw + 381.4240282686px);
    height: calc(1.0600706714vw + 279.8586572438px);
    position: relative;
    border-radius: 20px;
    margin: 0 auto calc(0.8833922261vw + 23.2155477032px) auto;
  }
  #production_main .production_pic {
    width: calc(7.0671378092vw + 265.7243816254px);
    height: calc(1.0600706714vw + 279.8586572438px);
  }
  #production_main .production_pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: calc(7.0671378092vw + 265.7243816254px);
    min-height: calc(1.0600706714vw + 279.8586572438px);
    width: 125%;
  }
  #production_main .production_name {
    font-size: calc(0.4416961131vw + 16.6077738516px);
    position: absolute;
    top: calc(0.6183745583vw + 18.2508833922px);
    left: calc(9.628975265vw + 266.0494699647px);
  }
  #production_main .production_add {
    position: absolute;
    top: calc(0.6183745583vw + 18.2508833922px);
    left: calc(40.9893992933vw + 266.2014134276px);
    width: calc(3.2729681979vw + 127.8136042403px);
    height: calc(0.6183745583vw + 23.2508833922px);
    font-size: calc(0.2650176678vw + 10.964664311px);
    border-radius: calc(0.3533568905vw + 11.2862190813px);
  }
  #production_main .production_rule {
    width: calc(35.6890459364vw + 107.9081272085px);
    padding-left: calc(1.3250883392vw + 46.8233215548px);
    position: absolute;
    top: calc(1.5017667845vw + 53.4664310954px);
    left: calc(9.628975265vw + 266.0494699647px);
  }
  #production_main .production_rule .rule {
    width: calc(1.0424028269vw + 39.1943462898px);
    height: calc(0.7950530035vw + 29.8939929329px);
    font-size: calc(0.3100706714vw + 12.1086572438px);
    border-radius: calc(0.1894876325vw + 7.3997349823px);
  }
  #production_main .production_rule .size {
    font-size: calc(0.3533568905vw + 13.2862190813px);
    height: calc(0.7950530035vw + 30.8939929329px);
    padding: 0 calc(0.4416961131vw + 13.6077738516px);
    margin: 0 calc(0.2650176678vw + 8.964664311px) calc(0.1766784452vw + 10.6431095406px) 0;
  }
  #production_main .production_info {
    position: absolute;
    left: calc(9.628975265vw + 266.0494699647px);
    bottom: calc(2.6501766784vw + 2.6466431095px);
    font-size: calc(0.3533568905vw + 11.2862190813px);
    width: calc(35.6890459364vw + 107.9081272085px);
  }
  #production #others {
    padding: 50px 0 32px 0;
  }
  #production #others .main {
    width: calc(48.5777385159vw + 377.0229681979px);
  }
  #production #others .main .title {
    margin-bottom: 30px;
    font-size: calc(0.5300353357vw + 31.9293286219px);
  }
  #production #others .main .card {
    width: calc(14.9469964664vw + 116.0070671378px);
    border-radius: calc(0.3736749117vw + 2.9001766784px);
  }
  #production #others .main .card_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #production #others .main .card:not(:last-of-type) {
    margin: 0 20px 30px 0;
  }
  #production #others .main .card .pic_border {
    height: calc(11.2102473498vw + 87.0053003534px);
  }
  #production #others .main .card .text {
    height: calc(6.6887809187vw + 51.9131625442px);
    padding: calc(0.9715547703vw + 7.540459364px) calc(1.121024735vw + 8.7005300353px);
  }
  #production #others .main .card .text h3 {
    font-size: calc(0.9341872792vw + 7.2504416961px);
  }
  #production #others .main .card .text p {
    font-size: calc(0.672614841vw + 5.2203180212px);
  }
  #production #others .main .card .text a {
    font-size: calc(0.5978798587vw + 4.6402826855px);
    border-radius: calc(0.672614841vw + 5.2203180212px);
    width: calc(5.1193462898vw + 39.7324204947px);
    height: calc(1.3078621908vw + 10.1506183746px);
  }
  #production #others ~ #footer {
    background-image: linear-gradient(#1f1f1f calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #production #footer {
    background-image: linear-gradient(#fcfbfb calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #contact_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #contact form {
    margin-top: 90px;
    margin-bottom: 60px;
  }
  #contact .corporation_info {
    background: #777;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 72px calc(27.9151943463vw + -204.3886925795px) 0 calc(27.9151943463vw + -204.3886925795px);
  }
  #contact .corporation_info iframe {
    width: calc(27.1024734982vw + 252.0530035336px);
    height: calc(18.3745583039vw + 170.8833922261px);
  }
  #contact .corporation_info > div {
    width: calc(15.3233215548vw + 128.8568904594px);
  }
  #contact .corporation_name {
    width: calc(8.5689045936vw + 100.1908127208px);
    margin-bottom: calc(1.3250883392vw + 19.8233215548px);
  }
  #contact .corporation_name .logo {
    width: calc(2.296819788vw + 26.3604240283px);
  }
  #contact .corporation_name .text {
    width: calc(5.4770318021vw + 63.9363957597px);
  }
  #contact .corporation_name .text h3 {
    font-size: calc(1.2367491166vw + 13.5017667845px);
    margin-bottom: calc(0.4416961131vw + 4.6077738516px);
  }
  #contact .corporation_name .text span {
    font-size: calc(0.4946996466vw + 5.2007067138px);
  }
  #contact .corporation_affiliation {
    width: calc(15.3233215548vw + 128.8568904594px);
    font-size: calc(0.6931978799vw + 5.8292402827px);
  }
  #contact .corporation_affiliation tr:not(:last-child) {
    margin-bottom: calc(0.7067137809vw + 9.5724381625px);
  }
  #contact .corporation_affiliation td:nth-child(3n-2) {
    width: calc(2.8822438163vw + 24.2373674912px);
  }
  #contact .corporation_affiliation td:nth-child(3n-1) {
    width: calc(1.0945229682vw + 9.2040636042px);
  }
  #contact .corporation_affiliation td:nth-child(3n) {
    width: calc(11.3100706714vw + 95.1086572438px);
  }
  #contact .corporation_affiliation .line {
    width: 2px;
    height: calc(0.7067137809vw + 7.5724381625px);
  }
  #contact #footer {
    background-image: linear-gradient(#777 calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #request_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #request .commodity {
    width: calc(28.9752650177vw + 527.4699646643px);
    height: 153px;
    padding: 0 calc(0.7067137809vw + 1.5724381625px);
  }
  #request .commodity:first-of-type {
    margin: 67px auto 0 auto;
  }
  #request .commodity_pic_border {
    width: 150px;
    height: 117px;
    border-radius: 5px;
    margin-left: calc(2.9151943463vw + 35.6113074205px);
    margin-right: 34px;
  }
  #request .commodity_no {
    font-size: 22px;
  }
  #request .commodity_name {
    font-size: 28px;
    margin-bottom: 12px;
  }
  #request .commodity_item {
    font-size: 15px;
  }
  #request .commodity_del {
    right: calc(0.7067137809vw + 1.5724381625px);
  }
  #request .commodity_del img {
    width: 27px;
  }
  #request form .title {
    margin-top: 60px;
  }
  #request #footer {
    background-image: linear-gradient(transparent calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #news_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #news .news_group .card {
    width: calc(5.3003533569vw + 299.2932862191px);
    margin: 0 calc(0.8833922261vw + 2.2155477032px) calc(0.8833922261vw + 50.2155477032px) calc(0.8833922261vw + 2.2155477032px);
  }
  #news .news_group .card_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 100px auto 0 auto;
    width: calc(52.7385159011vw + 314.9681978799px);
  }
  #news .news_group .card .pic_border {
    width: 100%;
    height: calc(7.5088339223vw + 197.332155477px);
    margin-bottom: calc(0.2650176678vw + 14.964664311px);
  }
  #news .news_group .card .news {
    padding-left: 4px;
  }
  #news .news_group .card .news_date {
    font-size: calc(0.1766784452vw + 11.6431095406px);
  }
  #news .news_group .card .news_title {
    margin-top: 9px;
    font-size: min(16.2px, 1.8vw);
  }
  #news .news_item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(41.0777385159vw + 409.5229681979px);
    margin: 120px auto 0 auto;
  }
  #news .news_item .text {
    width: calc(17.3144876325vw + 207.0247349823px);
  }
  #news .news_title {
    font-size: calc(0.8833922261vw + 11.2155477032px);
    margin: calc(0.3533568905vw + 5.2862190813px) 0 calc(2.1201413428vw + 22.7173144876px) 0;
  }
  #news .news_date {
    font-size: calc(0.4770318021vw + 5.9363957597px);
  }
  #news .news_content {
    font-size: calc(0.574204947vw + 7.0901060071px);
  }
  #news .news_pic {
    width: calc(21.3780918728vw + 193.816254417px);
  }
  #news #footer {
    background-image: linear-gradient(transparent calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #qa_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #qa .main {
    width: calc(53.8869257951vw + 328.148409894px);
    margin: 100px auto 0 auto;
  }
  #qa .main .common_question {
    padding: 28px 0;
  }
  #qa .main .btn_fold {
    width: 23px;
    height: 23px;
    top: 28px;
    right: 4px;
  }
  #qa .main .btn_fold::before {
    width: 13px;
    height: 2px;
  }
  #qa .main .btn_fold::after {
    width: 2px;
    height: 13px;
  }
  #qa .main .no {
    margin-right: calc(2.6501766784vw + 4.6466431095px);
    font-size: 23px;
  }
  #qa .main .txt {
    width: calc(12.3674911661vw + 545.0176678445px);
  }
  #qa .main .question {
    margin-bottom: 25px;
    font-size: 19px;
  }
  #qa .main .answer {
    font-size: 15px;
  }
  #qa #footer {
    background-image: linear-gradient(transparent calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #apparatus {
    padding: 75px 0;
    padding-bottom: 50px;
    padding-bottom: 50px;
    padding-bottom: 50px;
  }
  #apparatus .info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(46.8197879859vw + 390.4240282686px);
  }
  #apparatus .info .title {
    font-size: calc(0.74204947vw + 27.9010600707px);
  }
  #apparatus .info .text {
    width: calc(14.5759717314vw + 243.0565371025px);
    font-size: calc(0.3180212014vw + 11.9575971731px);
  }
  #apparatus .swiper {
    width: min(1260px, 91.7vw);
    margin-top: 55px;
  }
  #apparatus .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
  }
  #apparatus .swiper-slide .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #apparatus .swiper-slide .pic_border {
    position: relative;
    height: min(300px, 33.2vw);
    overflow: hidden;
  }
  #apparatus .swiper-button-next, #apparatus .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  #apparatus .info {
    display: flex;
    justify-content: space-between;
    width: calc(46.8127208481vw + 390.5583038869px);
    margin: 90px auto 60px auto;
  }
  #apparatus .info .title {
    font-size: calc(1.0600706714vw + 19.8586572438px);
  }
  #apparatus .info .text {
    font-size: calc(0.3180212014vw + 11.9575971731px);
    width: calc(24.7349823322vw + 230.035335689px);
  }
  #apparatus .card {
    width: min(400px, 44.27vw);
    margin: 0 min(20px, 2.14vw) min(33px, 3.5vw) min(20px, 2.14vw);
    border-radius: 10px;
    overflow: hidden;
  }
  #apparatus .card_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: min(1320px, 97.1vw);
    margin: 0 auto;
  }
  #apparatus .card .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #apparatus .card .pic_border {
    overflow: hidden;
    position: relative;
    height: min(300px, 33.2vw);
  }
  #apparatus .info {
    display: flex;
    justify-content: space-between;
    width: calc(46.8127208481vw + 390.5583038869px);
    margin: 90px auto 60px auto;
  }
  #apparatus .info .title {
    font-size: calc(1.2367491166vw + 16.5017667845px);
  }
  #apparatus .info .text {
    font-size: calc(0.5565371025vw + 7.425795053px);
    width: calc(26.5485865724vw + 228.5768551237px);
  }
  #apparatus .card {
    width: min(400px, 44.27vw);
    margin: 0 min(20px, 2.14vw) min(33px, 3.5vw) min(20px, 2.14vw);
    border-radius: 10px;
    overflow: hidden;
  }
  #apparatus .card_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: min(1320px, 97.1vw);
    margin: 0 auto;
  }
  #apparatus .card .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #apparatus .card .pic_border {
    overflow: hidden;
    position: relative;
    height: min(300px, 33.2vw);
  }
  #apparatus .info {
    display: flex;
    justify-content: space-between;
    width: calc(46.8127208481vw + 390.5583038869px);
    margin: 90px auto 60px auto;
  }
  #apparatus .info .title {
    font-size: calc(1.4134275618vw + 13.1448763251px);
  }
  #apparatus .info .text {
    font-size: calc(0.6360424028vw + 5.9151943463px);
    width: calc(28.5689045936vw + 227.1908127208px);
  }
  #apparatus .card {
    width: min(400px, 44.27vw);
    margin: 0 min(20px, 2.14vw) min(33px, 3.5vw) min(20px, 2.14vw);
    border-radius: 10px;
    overflow: hidden;
  }
  #apparatus .card_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: min(1320px, 97.1vw);
    margin: 0 auto;
  }
  #apparatus .card .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #apparatus .card .pic_border {
    overflow: hidden;
    position: relative;
    height: min(300px, 33.2vw);
  }
  #proxy_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #proxy #experience {
    height: calc(26.5901060071vw + 653.7879858657px);
    background-image: url(../imgs/proxy/experience_bg.jpg);
  }
  #proxy #experience .text {
    position: absolute;
    top: 102px;
    left: 0;
    width: calc(37.9858657244vw + 328.2685512367px);
    height: calc(19.964664311vw + 215.6713780919px);
    border-top-right-radius: calc(9.9823321555vw + 108.3356890459px);
    border-bottom-right-radius: calc(9.9823321555vw + 108.3356890459px);
    background-color: #fcfbfb;
    color: #2d2d2d;
    padding: calc(3.4840989399vw + -8.1978798587px) 0 0 calc(5.2261484099vw + -12.296819788px);
  }
  #proxy #experience .text .title {
    font-size: calc(1.9823321555vw + -4.6643109541px);
    width: calc(46.554770318vw + -109.5406360424px);
    line-height: 1.2;
  }
  #proxy #experience .text .title span {
    color: #b60300;
  }
  #proxy #experience .text .title_minor {
    color: #a2775f;
    font-size: calc(1.5618374558vw + -3.6749116608px);
    margin: calc(1.5017667845vw + -3.5335689046px) 0 calc(1.2614840989vw + -2.9681978799px) 0;
  }
  #proxy #experience .text .list_group {
    width: calc(22.2614840989vw + 207.0318021201px);
  }
  #proxy #experience .text .list_group .no {
    width: calc(1.5618374558vw + -3.6749116608px);
    height: calc(1.5618374558vw + -3.6749116608px);
    font-size: calc(0.7809187279vw + -1.8374558304px);
  }
  #proxy #experience .text .list_group p {
    padding-left: calc(1.8621908127vw + -4.3816254417px);
    font-size: calc(1.2014134276vw + -2.8268551237px);
    margin-bottom: calc(0.9010600707vw + -2.1201413428px);
  }
  #proxy #capacity {
    padding: 45px 0;
  }
  #proxy #capacity .capacity_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(48.2332155477vw + 383.5689045936px);
    margin-bottom: 100px;
  }
  #proxy #capacity .capacity_text {
    font-size: 18px;
    width: calc(34.8056537102vw + 323.6925795053px);
  }
  #proxy #capacity .capacity_title {
    font-size: calc(1.4840989399vw + 13.8021201413px);
  }
  #proxy #capacity > div:not(:first-child) {
    height: 497px;
    margin-bottom: 10px;
  }
  #proxy #capacity .pic_border {
    width: 1939px;
    height: 497px;
    border-radius: 249px;
  }
  #proxy #capacity .production_name {
    font-size: calc(0.3356890459vw + 31.6219081272px);
    padding: calc(0.0883392226vw + 20.3215547703px) calc(0.2650176678vw + 21.964664311px);
  }
  #proxy #capacity .production_amount {
    font-size: calc(0.7067137809vw + 67.5724381625px);
    margin: calc(0.2650176678vw + 17.964664311px) 0 calc(0.0883392226vw + 14.3215547703px) 0;
  }
  #proxy #capacity .production_unit {
    font-size: calc(0.2650176678vw + 23.964664311px);
  }
  #proxy #capacity .straight_noodle .pic {
    position: absolute;
    top: 0;
    left: -345px;
    width: 2235px;
  }
  #proxy #capacity .straight_noodle .pic_border {
    position: absolute;
    top: 0;
    left: calc(50vw + -647px);
  }
  #proxy #capacity .straight_noodle .text {
    position: absolute;
    top: calc(-1.148409894vw + -3.1802120141px);
    left: calc(58.5689045936vw + -82.8091872792px);
  }
  #proxy #capacity .steam_noodle .pic {
    position: absolute;
    top: 0;
    left: 418px;
    width: 2004px;
  }
  #proxy #capacity .steam_noodle .pic_border {
    position: absolute;
    top: 0;
    left: calc(31.4487632509vw + -1171.5265017668px);
  }
  #proxy #capacity .steam_noodle .text {
    position: absolute;
    top: 205px;
    left: calc(83.038869258vw + -316.7385159011px);
  }
  #proxy #capacity .flavor .pic {
    position: absolute;
    top: 0;
    left: -233px;
    width: 2005px;
  }
  #proxy #capacity .flavor .pic_border {
    position: absolute;
    top: 0;
    left: calc(88.1625441696vw + -1129.0883392226px);
  }
  #proxy #capacity .flavor .text {
    position: absolute;
    top: 154px;
    left: calc(23.4098939929vw + -155.7879858657px);
  }
  #proxy #film {
    position: relative;
    height: 37vw;
    background-image: linear-gradient(#a2775f 34.5vw, #1f1f1f 1px);
  }
  #proxy #film div.text {
    position: absolute;
    top: 5.2vw;
    left: 63.1vw;
    width: 22.1vw;
  }
  #proxy #film div.text .title {
    font-size: 2.1vw;
    margin-bottom: 2vw;
  }
  #proxy #film div.text .text {
    font-size: 0.9vw;
  }
  #proxy #film .film {
    width: 56vw;
    height: 31.4vw;
  }
  #proxy #film .film_control {
    position: absolute;
    bottom: 0;
    left: 3.3vw;
  }
  #proxy #quality {
    padding: calc(3.1623674912vw + 9.9150176678px) 0 calc(1.0842402827vw + 3.399434629px) 0;
  }
  #proxy #quality > div {
    width: calc(72.2826855124vw + 226.628975265px);
    height: calc(45.1766784452vw + 141.6431095406px);
    position: relative;
  }
  #proxy #quality .info {
    position: absolute;
    top: 0;
    left: calc(19.0812720848vw + -2.5441696113px);
    width: calc(21.9522968198vw + 79.906360424px);
  }
  #proxy #quality .info .text {
    font-size: calc(0.7950530035vw + 2.8939929329px);
    line-height: 1.39;
  }
  #proxy #quality .info .title {
    width: calc(16.5636042403vw + 60.2915194346px);
    font-size: calc(1.6784452297vw + 6.109540636px);
    margin-bottom: calc(1.6077738516vw + 4.4522968198px);
  }
  #proxy #quality .pic2 {
    position: absolute;
    top: calc(20.4650353357vw + 64.1643286219px);
    left: 0;
    height: calc(18.5224381625vw + 58.0736749117px);
    border-top-right-radius: calc(9.2612190813vw + 29.0368374558px);
    border-bottom-right-radius: calc(9.2612190813vw + 29.0368374558px);
    display: block;
  }
  #proxy #quality .pic1 {
    position: absolute;
    top: calc(27.4222438163vw + 85.9773674912px);
    left: calc(18.7483215548vw + 58.7818904594px);
    display: block;
    height: calc(14.7275971731vw + 46.1756537102px);
    border-radius: calc(7.3637985866vw + 23.0878268551px);
    z-index: 2;
  }
  #proxy #quality .sign {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(30.2683745583vw + 94.9008833922px);
    padding-left: calc(3.75vw + 11.756px);
  }
  #proxy #quality .sign-pic {
    width: 100%;
  }
  #proxy #quality .sign-text {
    font-size: calc(0.8141342756vw + 2.5314487633px);
    margin-top: calc(0.4522968198vw + 1.406360424px);
  }
  #proxy #footer {
    background-image: linear-gradient(#1f1f1f calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #proxy_insert {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 120px 0 30px 0;
  }
  #proxy_insert .apparatus_pic {
    margin-right: calc(1.5901060071vw + 19.7879858657px);
    width: calc(19.0812720848vw + 237.4558303887px);
  }
  #proxy_insert .apparatus_name {
    font-size: calc(0.8833922261vw + 11.2155477032px);
    margin-bottom: 25px;
  }
  #proxy_insert .apparatus_info {
    width: calc(16.8551236749vw + 209.7526501767px);
    font-size: calc(0.574204947vw + 7.0901060071px);
  }
  #proxy_insert ~ #footer {
    background-image: linear-gradient(transparent calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #package_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #package #apparatus {
    padding-bottom: 50px;
  }
  #package #apparatus .info {
    display: flex;
    justify-content: space-between;
    width: calc(46.8127208481vw + 390.5583038869px);
    margin: 90px auto 60px auto;
  }
  #package #apparatus .info .title {
    font-size: calc(1.0600706714vw + 19.8586572438px);
  }
  #package #apparatus .info .text {
    font-size: calc(0.3180212014vw + 11.9575971731px);
    width: calc(24.7349823322vw + 230.035335689px);
  }
  #package #apparatus .card {
    width: min(400px, 44.27vw);
    margin: 0 min(20px, 2.14vw) min(33px, 3.5vw) min(20px, 2.14vw);
    border-radius: 10px;
    overflow: hidden;
  }
  #package #apparatus .card_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: min(1320px, 97.1vw);
    margin: 0 auto;
  }
  #package #apparatus .card .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #package #apparatus .card .pic_border {
    overflow: hidden;
    position: relative;
    height: min(300px, 33.2vw);
  }
  #package .package {
    padding: 66px 0 10px 0;
  }
  #package .package .title {
    font-size: 42px;
  }
  #package .package .info {
    font-size: 18px;
    margin: 30px auto 55px auto;
    width: calc(13.2508833922vw + 648.2332155477px);
  }
  #package .package .swiper {
    width: min(1310px, 93.6vw);
    margin-top: 55px;
  }
  #package .package .swiper-slide .card {
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
    max-width: calc(7.0671378092vw + 265.7243816254px);
  }
  #package .package .swiper-slide .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    max-width: 90%;
  }
  #package .package .swiper-slide .pic_border {
    position: relative;
    height: min(300px, 33.2vw);
    overflow: hidden;
  }
  #package .package .swiper-slide .text {
    width: 100%;
    height: min(179px, 18.6vw);
  }
  #package .package .swiper-slide .text .package_name {
    position: absolute;
    bottom: 69.89%;
    left: 7.2%;
    font-size: min(25px, 2.6vw);
  }
  #package .package .swiper-slide .text .package_link {
    position: absolute;
    bottom: 69.89%;
    right: 7.2%;
    font-size: min(16px, 1.7vw);
    padding-bottom: 7px;
  }
  #package .package .swiper-slide .text .package_info {
    position: absolute;
    bottom: 16.76%;
    left: 50%;
    transform: translateX(-50%);
    width: 86.75%;
    font-size: min(18px, 1.9vw);
  }
  #package .package .swiper-button-next, #package .package .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  #package #footer {
    background-image: linear-gradient(#1f1f1f calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #product_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #product #apparatus {
    padding-bottom: 50px;
  }
  #product #apparatus .info {
    display: flex;
    justify-content: space-between;
    width: calc(46.8127208481vw + 390.5583038869px);
    margin: 90px auto 60px auto;
  }
  #product #apparatus .info .title {
    font-size: calc(1.2367491166vw + 16.5017667845px);
  }
  #product #apparatus .info .text {
    font-size: calc(0.5565371025vw + 7.425795053px);
    width: calc(26.5485865724vw + 228.5768551237px);
  }
  #product #apparatus .card {
    width: min(400px, 44.27vw);
    margin: 0 min(20px, 2.14vw) min(33px, 3.5vw) min(20px, 2.14vw);
    border-radius: 10px;
    overflow: hidden;
  }
  #product #apparatus .card_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: min(1320px, 97.1vw);
    margin: 0 auto;
  }
  #product #apparatus .card .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #product #apparatus .card .pic_border {
    overflow: hidden;
    position: relative;
    height: min(300px, 33.2vw);
  }
  #product .step {
    margin-bottom: 30px;
  }
  #product .step_production {
    padding: 70px 0 140px 0;
  }
  #product .step_production .title {
    font-size: 42px;
  }
  #product .step_production .form_group {
    width: 530px;
    margin: 35px auto 50px auto;
  }
  #product .step_production .form_control [type=radio]:checked ~ label {
    background-size: auto 19px;
  }
  #product .step_production .form_control label {
    width: 255px;
    height: 62px;
  }
  #product .step_production .form_control label .board {
    width: 255px;
    height: 50px;
    border-radius: 25px;
  }
  #product .step > div {
    width: calc(48.14vw - 50px);
  }
  #product .step_noodle {
    background-image: linear-gradient(to left, transparent 49.95%, #f6eee3 49.95%, #f6eee3 50.05%, transparent 50.05%);
  }
  #product .step .no {
    width: calc(1.2367491166vw + 26.5017667845px);
    height: calc(1.2367491166vw + 26.5017667845px);
    margin: 0 calc(1.2367491166vw + 26.5017667845px);
  }
  #product .step .pic_border {
    width: calc(2.332155477vw + 219.6890459364px);
    height: calc(2.332155477vw + 219.6890459364px);
    margin-left: auto;
  }
  #product .step .info {
    max-width: calc(48.14vw - 50px);
    width: calc(17.9151943463vw + 166.6113074205px);
  }
  #product .step .info .title {
    font-size: calc(0.7632508834vw + 17.4982332155px);
    margin-bottom: 15px;
  }
  #product .step .info .text {
    font-size: calc(0.4293286219vw + 9.8427561837px);
  }
  #product #footer {
    background-image: linear-gradient(#caa997 calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
  #flavor {
    background: #fcfbfb;
    position: relative;
  }
  #flavor_banner {
    height: 393px;
    background-size: max(1900px, 100vw) auto;
  }
  #flavor #apparatus {
    padding-bottom: 50px;
  }
  #flavor #apparatus .info {
    display: flex;
    justify-content: space-between;
    width: calc(46.8127208481vw + 390.5583038869px);
    margin: 90px auto 60px auto;
  }
  #flavor #apparatus .info .title {
    font-size: calc(1.4134275618vw + 13.1448763251px);
  }
  #flavor #apparatus .info .text {
    font-size: calc(0.6360424028vw + 5.9151943463px);
    width: calc(28.5689045936vw + 227.1908127208px);
  }
  #flavor #apparatus .card {
    width: min(400px, 44.27vw);
    margin: 0 min(20px, 2.14vw) min(33px, 3.5vw) min(20px, 2.14vw);
    border-radius: 10px;
    overflow: hidden;
  }
  #flavor #apparatus .card_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: min(1320px, 97.1vw);
    margin: 0 auto;
  }
  #flavor #apparatus .card .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #flavor #apparatus .card .pic_border {
    overflow: hidden;
    position: relative;
    height: min(300px, 33.2vw);
  }
  #flavor .marquee_top img:nth-child(1) {
    animation: flavor_top1 60s linear infinite;
  }
  #flavor .marquee_top img:nth-child(2) {
    animation: flavor_top2 60s linear infinite;
  }
  #flavor .marquee_top img:nth-child(3) {
    animation: flavor_top3 60s linear infinite;
  }
  #flavor .marquee_bottom img:nth-child(1) {
    animation: flavor_bottom1 60s linear infinite;
  }
  #flavor .marquee_bottom img:nth-child(2) {
    animation: flavor_bottom2 60s linear infinite;
  }
  #flavor .marquee_bottom img:nth-child(3) {
    animation: flavor_bottom3 60s linear infinite;
  }
  #flavor #footer {
    margin-top: calc(-4.4419611307vw + -26.6027385159px);
    background-image: linear-gradient(transparent calc(4.4019434629vw + 26.3630742049px), #931a1a 1px);
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
  #header {
    height: 18vw;
    padding: 0 5vw;
  }
  #header .logo {
    width: 10vw;
  }
  #header .menu_right {
    width: 61vw;
    height: 13vw;
    border-bottom-right-radius: 3vw;
    border-bottom-left-radius: 3vw;
    padding: 0 7.5vw;
  }
  #header .menu_right_item:nth-child(1) img {
    height: 5vw;
  }
  #header .menu_right_item:nth-child(1) .msg {
    width: 3.8vw;
    height: 3.8vw;
    font-size: 1.5vw;
  }
  #header .menu_right_item:nth-child(2) img {
    height: 1.6vw;
  }
  #header .menu_right_item:nth-child(3) svg {
    height: 5.7vw;
  }
  #header .menu_right a {
    font-size: 3.5vw;
  }
  #header .menu_right .language_change {
    transform: translate(-50%, 9.5vw);
  }
  #menu .menu_item {
    width: 62%;
  }
  #menu .social_menu {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #menu .social_menu .social_icon {
    width: 5.2vh;
    height: 5.2vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1.6vh;
    border-radius: 50%;
    border: 1px solid #fff;
  }
  #menu .social_menu .social_icon:nth-of-type(1) img {
    height: 4vh;
  }
  #menu .social_menu .social_icon:nth-of-type(2) img {
    height: 4vh;
  }
  #menu .social_menu .social_icon:nth-of-type(3) img {
    height: 3.5vh;
  }
  #footer {
    height: 257vw;
  }
  #footer .contact {
    width: 84vw;
    position: absolute;
    top: 144.3vw;
    left: 8vw;
  }
  #footer .contact .company.title {
    width: 53.3vw;
    margin: 0 auto 7vw auto;
  }
  #footer .contact .company_social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 47vw;
    margin-top: 6.8vw;
  }
  #footer .contact .company_social a {
    width: 11.1vw;
    height: 11.1vw;
    text-align: center;
  }
  #footer .contact .logo {
    width: 14.4vw;
  }
  #footer .contact h3 {
    font-size: 7.6vw;
    margin-left: 4.9vw;
  }
  #footer .contact h3 span {
    font-size: 3vw;
  }
  #footer .contact .company_contact, #footer .contact p {
    font-size: 4.6vw;
    letter-spacing: 0.5vw;
  }
  #footer .contact .company_contact {
    margin: 8.6vw 0 6.3vw 13.7vw;
    line-height: 1.4;
    text-align: left;
  }
  #footer .contact .copyright {
    margin-top: 5.6vw;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: center;
  }
  #footer .certification {
    position: absolute;
    top: 14vw;
    left: 6vw;
    width: 88vw;
    height: 125.1vw;
    border-top-left-radius: 3vw;
    border-top-right-radius: 3vw;
    padding: 6.7vw 7.7vw;
  }
  #footer .certification .line {
    width: 33.5vw;
    height: 0.1vw;
    position: absolute;
    top: 12.1vw;
    left: 28.1vw;
  }
  #footer .certification_imgs {
    margin-top: 5vw;
  }
  #footer .certification_imgs img {
    width: 20.4vw;
  }
  #footer .certification p {
    font-size: 3.2vw;
  }
  #footer .certification p:first-child {
    font-size: 2.6vw;
  }
  #footer .certification h4 {
    font-size: 3.7vw;
    margin-bottom: 4.7vw;
  }
  #footer .top_btn {
    width: 10.3vw;
    height: 10.3vw;
    transform: translateX(-50%);
  }
  #guide {
    position: absolute;
    top: 84.1vw;
    left: 0;
    min-width: 53vw;
    padding: 4.5vw 3.47vw 0 5vw;
    border-top-right-radius: 2vw;
  }
  #guide .title {
    font-size: 6.4vw;
    margin-bottom: 2.5vw;
  }
  #guide .bread {
    font-size: 2vw;
  }
  #guide .bread .icon {
    width: 2.5vw;
  }
  #guide .bread span {
    margin: 0 1.6vw;
  }
  form .title {
    font-size: 5.6vw;
    margin-bottom: 6.4vw;
  }
  form .form_group {
    width: 83.1vw;
  }
  form .form_control {
    font-size: 3vw;
    padding-left: 30vw;
    margin-bottom: 2.1vw;
    width: 100%;
  }
  form .form_control.sex input[name=sex] {
    width: 5vw;
  }
  form .form_control.sex label[for] {
    width: 14.5vw;
  }
  form .form_control:not(.textarea) {
    height: 9.5vw;
  }
  form .form_control:not(.textarea) .form_label {
    position: absolute;
    top: 50%;
    left: 4vw;
    transform: translateY(-50%);
  }
  form .form_control.textarea {
    height: 41.6vw;
  }
  form .form_control.textarea .form_label {
    position: absolute;
    top: 3.3vw;
    left: 4vw;
  }
  form .form_control.textarea .form_input {
    margin-top: 3.3vw;
    height: 35vw;
  }
  form .btn {
    margin-top: 4.5vw;
  }
  form .btn button {
    width: 32.4vw;
    height: 9.7vw;
    border-radius: 17.5px;
    margin: 0 2.6vw;
    font-size: 4.35vw;
  }
  .swiper .swiper-button-next, .swiper .swiper-button-prev {
    width: 8vw;
    height: 8vw;
  }
  .swiper .swiper-button-next {
    right: 0;
  }
  .swiper .swiper-button-prev {
    left: 0;
  }
  #index_banner .swiper-wrapper {
    padding-bottom: 5.1vw;
  }
  #index_banner .swiper-slide {
    height: 89.1vw;
  }
  #index_banner .swiper .text[banner-index="1"] {
    position: absolute;
    top: 8vw;
    left: 6.3vw;
  }
  #index_banner .swiper .text[banner-index="1"] .text_right {
    padding-left: 7.7vw;
  }
  #index_banner .swiper .text[banner-index="1"] .text2 {
    width: 41.7vw;
  }
  #index_banner .swiper .text[banner-index="2"] {
    position: absolute;
    top: 11.3vw;
    left: 24.9vw;
  }
  #index_banner .swiper .text[banner-index="2"] .text_right {
    padding-left: 12.3vw;
  }
  #index_banner .swiper .text[banner-index="2"] .text2 {
    width: 55.5vw;
    padding-left: 12.3vw;
  }
  #index_banner .swiper .text[banner-index="3"] {
    position: absolute;
    top: 10.3vw;
    left: 5.5vw;
  }
  #index_banner .swiper .text[banner-index="3"] .text_right {
    padding-left: 9.1vw;
  }
  #index_banner .swiper .text[banner-index="3"] .text2 {
    width: 50.5vw;
    padding-left: 12.3vw;
  }
  #index_banner .swiper .text1 {
    font-size: 5.5vw;
  }
  #index_banner .swiper .text2 {
    font-size: 2.4vw;
    margin-top: 2.6vw;
  }
  #index_about {
    height: 109.1vw;
    padding-top: 8.4vw;
  }
  #index_about > div {
    margin: 0 auto;
    width: 84.3vw;
  }
  #index_about .title {
    font-size: 4.7vw;
  }
  #index_about h2 {
    margin: 2.9vw 0 3vw 0;
    font-size: 4.3vw;
  }
  #index_about p {
    font-size: 2.3vw;
  }
  #index_honor .bg {
    width: 100%;
  }
  #index_honor .line {
    width: 0.2vw;
    height: 15.6vw;
    position: absolute;
    left: 50%;
  }
  #index_honor .line_item1 {
    top: 18.4vw;
  }
  #index_honor .line_item2 {
    bottom: 22.1vw;
  }
  #index_honor .honer_title {
    position: absolute;
    top: 55.1vw;
    left: 52.7vw;
    line-height: 1.5;
    font-size: 4.8vw;
    font-weight: bold;
  }
  #index_honor .honer_title p {
    font-size: 3vw;
    margin-top: 3.5vw;
  }
  #index_honor .honer_item {
    font-size: 3vw;
    line-height: 1.15;
    text-align: center;
  }
  #index_honor .honer_item.honer1 {
    position: absolute;
    top: 12.5vw;
    left: 11.7vw;
  }
  #index_honor .honer_item.honer1 img {
    width: 29.2vw;
  }
  #index_honor .honer_item.honer2 {
    position: absolute;
    top: 14.4vw;
    left: 52.9vw;
  }
  #index_honor .honer_item.honer2 img {
    width: 34.7vw;
  }
  #index_honor .honer_item.honer3 {
    position: absolute;
    top: 53.9vw;
    left: 18vw;
  }
  #index_honor .honer_item.honer3 img {
    width: 20.1vw;
  }
  #index_proxy {
    margin-top: -0.3vw;
    padding: 6.8vw 0 12.7vw 0;
  }
  #index_proxy .main .title {
    font-size: 5.6vw;
    margin-bottom: 6.1vw;
    margin-left: 6vw;
  }
  #index_production {
    padding: calc(2.4vw + 14px) 0;
  }
  #index_production .info {
    width: 85vw;
    margin: 0 auto;
  }
  #index_production .info .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6.5vw;
  }
  #index_production .info .title h2 {
    font-size: 5.1vw;
    line-height: 1.13;
  }
  #index_production .info .title a {
    font-size: 3.2vw;
  }
  #index_production .info .title a span {
    width: 5.4vw;
    height: 5.4vw;
    margin-left: 1.3vw;
  }
  #index_production .info .text {
    font-size: 2.4vw;
    margin-bottom: 5vw;
  }
  #index_production .card {
    border-radius: 3vw;
  }
  #index_production .card .pic_border {
    height: 40vw;
  }
  #index_production .card .text {
    padding: 3vw 4vw;
  }
  #index_production .card .text h3 {
    width: 17vw;
    font-size: 3.3vw;
  }
  #index_production .card .text a {
    padding: 1.2vw 2.6vw;
    font-size: 2.1vw;
    border-radius: 2.3vw;
  }
  #index_production .card .text p {
    margin-top: 3.3vw;
    font-size: 2.4vw;
    line-height: 1.3;
  }
  #index_news {
    padding: 6.7vw 0;
  }
  #index_news .main .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 86.6vw;
    margin: 0 auto;
    margin-bottom: 6vw;
  }
  #index_news .main .title h2 {
    font-size: 5.6vw;
  }
  #index_news .main .title a {
    font-size: 3.2vw;
  }
  #index_news .main .title a span {
    width: 5.2vw;
    height: 5.2vw;
  }
  #index_news .new .pic_border {
    height: 51.1vw;
    border-radius: 2vw;
  }
  #index_news .new_date {
    font-size: 2vw;
  }
  #index_news .new p {
    height: 2.5em;
    font-size: 3.3vw;
    margin-top: 1.5vw;
  }
  #index #s03 {
    padding: 8.8vw 0 6.4vw 0;
  }
  #index #s03 .title {
    font-size: 5.6vw;
    line-height: 1.5;
  }
  #index #s03 .text {
    font-size: 3.3vw;
    line-height: 1.3;
    margin: 4vw 0 5vw 0;
  }
  #index #s03 .slide-content {
    width: 89.7vw;
    height: 151vw;
    margin: 0 auto;
  }
  #index #s03 .slide-content .pic {
    width: 101%;
  }
  #index #s03 .slide-content-item {
    width: 100%;
    height: 100%;
    border-radius: 13.3vw 2vw 2vw 2vw;
  }
  #index #s03 .slide-content-item:nth-of-type(1) {
    animation: moving_type1 20s linear infinite;
  }
  #index #s03 .slide-content-item:nth-of-type(2) {
    animation: moving_type2 20s linear infinite;
  }
  #index #s03 .slide-content-item:nth-of-type(3) {
    animation: moving_type3 20s linear infinite;
  }
  #index #s03 .slide-content-item:nth-of-type(4) {
    animation: moving_type4 20s linear infinite;
  }
  #index #s03 .slide-content-item-border {
    width: 100%;
    height: 56.5vw;
  }
  #index #s03 .slide-content-item > div:last-child {
    width: 78.8vw;
    margin: 0 auto;
    padding-top: 3.7vw;
  }
  #index #s03 .slide-content-item-title {
    font-size: 4.3vw;
    margin: 3vw 0 2vw 0;
  }
  #index #s03 .slide-content-item-title-thumb {
    color: #a2775f;
    font-size: 5.3vw;
    line-height: 1.26;
    font-weight: bold;
  }
  #index #s03 .slide-content-item-text {
    font-size: 2.9vw;
  }
  #index #s03 .slide-point {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 30vw;
    margin: 4.5vw auto 0 auto;
  }
  #index #s03 .slide-point-item {
    width: 2.7vw;
    height: 2.7vw;
    background-color: #a2775f;
    border-radius: 50%;
  }
  #index #s03 .slide-point-item:nth-of-type(1) {
    animation: point_type1 20s linear infinite;
  }
  #index #s03 .slide-point-item:nth-of-type(2) {
    animation: point_type2 20s linear infinite;
  }
  #index #s03 .slide-point-item:nth-of-type(3) {
    animation: point_type3 20s linear infinite;
  }
  #index #s03 .slide-point-item:nth-of-type(4) {
    animation: point_type4 20s linear infinite;
  }
  #index .swiper .board {
    position: absolute;
    top: 0;
    z-index: 2;
  }
  #index .swiper .board.left {
    left: 0;
  }
  #index .swiper .board.right {
    right: 0;
  }
  #index .swiper.swiperProxy {
    width: 96.4vw;
    padding: 0 20.8vw 0 4.8vw;
  }
  #index .swiper.swiperProxy .board {
    width: 4.8vw;
    height: 100%;
    background: #1f1f1f;
  }
  #index .swiper.swiperProxy p {
    position: absolute;
    top: 76.2%;
    left: 0;
    font-size: 2.8vw;
    width: 100%;
    text-align: center;
    color: #a2775f;
  }
  #index .swiper.swiperProduction {
    width: 93.9vw;
    padding: 0 36.5vw 0 4.1vw;
  }
  #index .swiper.swiperProduction .board {
    width: 4.1vw;
    height: 100%;
    background: #b62828;
  }
  #index .swiper.swiperNews {
    width: 93.7vw;
    padding: 0 21.9vw 0 4.1vw;
  }
  #index .swiper.swiperNews .board {
    width: 4.1vw;
    height: 100%;
    background: #fff;
  }
  #index .swiper-button-next, #index .swiper-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8vw;
    height: 8vw;
    background: #a2775f;
    border-radius: 50%;
  }
  #index .swiper-button-next::after, #index .swiper-button-prev::after {
    content: "";
  }
  #index .swiper-button-next.swiper-button-disabled, #index .swiper-button-prev.swiper-button-disabled {
    display: none;
  }
  #index .swiper-button-next img, #index .swiper-button-prev img {
    max-width: 60%;
    max-height: 60%;
  }
  #index .swiper-button-next {
    right: 0;
  }
  #index .swiper-button-prev {
    left: 0;
  }
  #index #footer {
    background-image: linear-gradient(#fcfbfb 4.3vw, #fcfbfb 1px, #1f1f1f 1px, #1f1f1f 65.2vw, #931a1a 1px);
  }
  #production_banner {
    height: 72.5vw;
    background-size: auto 100%;
  }
  #production_main .info {
    width: 86.7vw;
    margin: 22vw auto 5.9vw auto;
  }
  #production_main .info .title {
    font-size: 5.6vw;
  }
  #production_main .info .text {
    font-size: 3.1vw;
    margin-top: 5.2vw;
  }
  #production_main .production {
    width: 82.4vw;
    height: 160vw;
    border-radius: 2.5vw;
    margin: 0 auto 9vw auto;
    padding-bottom: 5vw;
  }
  #production_main .production_pic {
    width: 82.4vw;
    height: 61.5vw;
  }
  #production_main .production_pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 82.4vw;
    min-height: 61.5vw;
    width: 125%;
  }
  #production_main .production_name {
    font-size: 5.1vw;
    padding-left: 6.2vw;
    margin: 4vw 0 5vw 0;
  }
  #production_main .production_add {
    width: 36.7vw;
    height: 7.3vw;
    font-size: 3.3vw;
    border-radius: 2.3vw;
    margin: 0 auto;
  }
  #production_main .production_rule {
    max-width: 70vw;
    margin-left: 6.2vw;
    padding-left: 12.8vw;
    position: relative;
  }
  #production_main .production_rule .rule {
    font-size: 3.1vw;
    padding: 2.4vw 2.1vw;
    border-radius: 1.5vw;
  }
  #production_main .production_rule .size {
    font-size: 3.5vw;
    height: 7.9vw;
    padding: 0 3.7vw;
    margin: 0 2.4vw 2.1vw 0;
  }
  #production_main .production_info {
    font-size: 3.6vw;
    width: 70vw;
    margin: 6.9vw auto 10vw auto;
  }
  #production #others {
    padding: 7.6vw 0 7.9vw 0;
  }
  #production #others .main .title {
    text-align: center;
    margin-bottom: 4vw;
    font-size: 5.6vw;
  }
  #production #others .productionOthers {
    width: 94.3vw;
    padding: 0 36.7vw 0 4.3vw;
  }
  #production #others .productionOthers .board {
    width: 4.3vw;
    height: 100%;
    background: #1f1f1f;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  #production #others .productionOthers .board.left {
    left: 0;
  }
  #production #others .productionOthers .board.right {
    right: 0;
  }
  #production #others .card {
    border-radius: 3vw;
  }
  #production #others .card .pic_border {
    height: 39.5vw;
  }
  #production #others .card .text {
    height: 24vw;
    padding: 3.2vw 4.1vw;
  }
  #production #others .card .text h3 {
    font-size: 3.3vw;
  }
  #production #others .card .text a {
    padding: 1.2vw 2.4vw;
    font-size: 2vw;
    border-radius: 2.1vw;
  }
  #production #others .card .text p {
    font-size: 2.4vw;
  }
  #production #others ~ #footer {
    background-image: linear-gradient(#1f1f1f 70vw, #931a1a 1px);
  }
  #production #footer {
    background-image: linear-gradient(#fcfbfb 4.3vw, #fcfbfb 1px, #1f1f1f 1px, #1f1f1f 65.2vw, #931a1a 1px);
  }
  #contact_banner {
    height: 73vw;
    background-size: auto 100%;
  }
  #contact form {
    margin-top: 19.3vw;
    margin-bottom: 6.8vw;
  }
  #contact .corporation_info {
    padding: 7.1vw 0 15.3vw 0;
    background-image: linear-gradient(to top, #1f1f1f 5.8vw, #777 1px);
  }
  #contact .corporation_info iframe {
    width: 90.3vw;
    height: 61.5vw;
    display: block;
    margin: 0 auto;
  }
  #contact .corporation_info > div {
    margin-top: 7.5vw;
    padding-left: 21.73vw;
  }
  #contact .corporation_name {
    width: 45vw;
    margin-bottom: 8.1vw;
  }
  #contact .corporation_name .logo {
    width: 11.9vw;
  }
  #contact .corporation_name .text {
    width: 28.1vw;
  }
  #contact .corporation_name .text h3 {
    font-size: 6.3vw;
    margin-bottom: 2.3vw;
  }
  #contact .corporation_name .text span {
    font-size: 2.5vw;
  }
  #contact .corporation_affiliation tr:not(:last-child) {
    margin-bottom: calc(0.7067137809vw + 9.5724381625px);
  }
  #contact .corporation_affiliation td {
    font-size: 3.1vw;
  }
  #contact .corporation_affiliation td:nth-child(3n-2) {
    width: 12vw;
  }
  #contact .corporation_affiliation td:nth-child(3n-1) {
    width: 3.6vw;
  }
  #contact .corporation_affiliation td:nth-child(3n) {
    width: 43vw;
  }
  #contact .corporation_affiliation .line {
    width: 2px;
    height: 3.6vw;
    margin-top: 0.2vw;
  }
  #contact #footer {
    background-image: linear-gradient(#1f1f1f 75.3vw, #931a1a 1px);
  }
  #request_banner {
    height: 73vw;
    background-size: auto 100%;
  }
  #request .commodity {
    width: 88vw;
    height: 25vw;
    padding: 0 1.7vw;
  }
  #request .commodity:first-of-type {
    margin: 20.5vw auto 0 auto;
  }
  #request .commodity_pic_border {
    width: 26.7vw;
    height: 20.8vw;
    border-radius: 1vw;
    margin: 0 6vw;
  }
  #request .commodity_no {
    font-size: 3.9vw;
  }
  #request .commodity_name {
    font-size: 5vw;
    margin-bottom: 2.3vw;
  }
  #request .commodity_item {
    font-size: 2.7vw;
  }
  #request .commodity_del {
    right: 5.7vw;
  }
  #request .commodity_del img {
    width: 4.8vw;
  }
  #request form {
    padding-bottom: 16.3vw;
    background-image: linear-gradient(to top, #1f1f1f 5.5vw, transparent 1px);
  }
  #request form .title {
    margin-top: 13.5vw;
  }
  #request #footer {
    background-image: linear-gradient(#1f1f1f 69.5vw, #931a1a 1px);
  }
  #news_banner {
    height: 73vw;
    background-size: auto 100%;
  }
  #news .news_group {
    padding-bottom: 16.8vw;
    background-image: linear-gradient(to top, #1f1f1f 5vw, transparent 1px);
  }
  #news .news_group .card {
    width: 69.5vw;
    margin: 0 auto;
  }
  #news .news_group .card_container {
    margin: 19vw auto 0 auto;
  }
  #news .news_group .card:not(:last-child) {
    margin: 0 auto 11.5vw auto;
  }
  #news .news_group .card .pic_border {
    width: 100%;
    height: 52.1vw;
    margin-bottom: 3.5vw;
  }
  #news .news_group .card .news {
    padding-left: 1vw;
  }
  #news .news_group .card .news_date {
    font-size: 2.6vw;
  }
  #news .news_group .card .news_title {
    margin-top: 1.7vw;
    font-size: 2.8vw;
  }
  #news .news_item {
    margin: 18vw auto 0 auto;
    padding-bottom: 22.8vw;
    background-image: linear-gradient(to top, #1f1f1f 6vw, transparent 1px);
  }
  #news .news_item .text {
    width: 78vw;
    margin: 3.5vw auto 0 auto;
  }
  #news .news_title {
    font-size: 5.1vw;
    margin: 3.1vw 0 6.2vw 0;
  }
  #news .news_date {
    font-size: 3.1vw;
  }
  #news .news_content {
    font-size: 3.1vw;
  }
  #news .news_pic {
    display: block;
    margin: 0 auto;
    width: 80vw;
  }
  #news #footer {
    background-image: linear-gradient(#1f1f1f 69.5vw, #931a1a 1px);
  }
  #qa_banner {
    height: 73vw;
    background-size: auto 100%;
  }
  #qa .main {
    margin: 17.5vw auto 0 auto;
    padding-bottom: 16.7vw;
    background-image: linear-gradient(to top, #1f1f1f 6vw, transparent 1px);
  }
  #qa .main .common_question {
    padding: 5vw 0;
    width: 87vw;
    margin: 0 auto;
  }
  #qa .main .btn_fold {
    width: 6.4vw;
    height: 6.4vw;
    top: 3vw;
    right: 1.6vw;
  }
  #qa .main .btn_fold::before {
    width: 3.8vw;
    height: 2px;
  }
  #qa .main .btn_fold::after {
    width: 2px;
    height: 3.8vw;
  }
  #qa .main .no {
    margin-right: 3.6vw;
    font-size: 5vw;
  }
  #qa .main .txt {
    width: 64vw;
  }
  #qa .main .question {
    margin-bottom: 4.3vw;
    font-size: 4vw;
  }
  #qa .main .answer {
    font-size: 3vw;
  }
  #qa #footer {
    background-image: linear-gradient(#1f1f1f 69.5vw, #931a1a 1px);
  }
  #proxy_banner {
    height: 73vw;
    background-size: auto 100%;
  }
  #proxy #apparatus {
    padding: 21.6vw 0 8.8vw 0;
  }
  #proxy #apparatus .info {
    width: 86.4vw;
  }
  #proxy #apparatus .info .title {
    font-size: 5.6vw;
  }
  #proxy #apparatus .info .text {
    margin-top: 3.9vw;
    font-size: 3.1vw;
  }
  #proxy #apparatus .swiper {
    width: 93.3vw;
    margin-top: 7.6vw;
    padding: 0 19.9vw 0 3.7vw;
  }
  #proxy #apparatus .swiper .board {
    width: 3.7vw;
    height: 100%;
  }
  #proxy #apparatus .swiper-slide {
    width: 69.6vw !important;
    border-radius: 3vw;
    overflow: hidden;
  }
  #proxy #apparatus .swiper-slide .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #proxy #apparatus .swiper-slide .pic_border {
    height: 52.1vw;
    position: relative;
    overflow: hidden;
  }
  #proxy #apparatus .swiper-button-next, #proxy #apparatus .swiper-button-prev {
    width: 8.6vw;
    height: 8.6vw;
  }
  #proxy #experience .text {
    height: 220vw;
    background-image: url(../imgs/proxy/experience_bg_mb.jpg);
    background-size: 100vw auto;
    padding: 9.2vw 0 0 9.33vw;
    color: #fff;
  }
  #proxy #experience .text .title {
    line-height: 1.2;
    width: 83.33vw;
    font-size: 4vw;
  }
  #proxy #experience .text .title span {
    color: #fec;
  }
  #proxy #experience .text .title_minor {
    color: #fec;
    font-size: 4vw;
    margin: 2vw 0 3.5vw 0;
  }
  #proxy #experience .text .list_group {
    width: 85.2vw;
  }
  #proxy #experience .text .list_group .no {
    width: 4.67vw;
    height: 4.67vw;
    font-size: 2.2vw;
  }
  #proxy #experience .text .list_group p {
    padding-left: 5.9vw;
    font-size: 3.3vw;
    margin-bottom: 3vw;
  }
  #proxy #experience .marquee {
    width: 100vw;
    height: 49.7vw;
    position: relative;
  }
  #proxy #experience .marquee_border {
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 49.7vw;
  }
  #proxy #experience .marquee_border:nth-child(1) {
    width: 74.33vw;
    animation: marquee_motion-item1 20s linear infinite;
  }
  #proxy #experience .marquee_border:nth-child(2) {
    width: 53.07vw;
    animation: marquee_motion-item2 20s linear infinite;
  }
  #proxy #experience .marquee_border:nth-child(3) {
    width: 74.33vw;
    animation: marquee_motion-item3 20s linear infinite;
  }
  #proxy #experience .marquee_border:nth-child(4) {
    width: 74.46vw;
    animation: marquee_motion-item4 20s linear infinite;
  }
  #proxy #experience .marquee_item {
    height: 49.7vw;
  }
  #proxy #experience .marquee_item:nth-child(1) {
    width: 74.33vw;
  }
  #proxy #experience .marquee_item:nth-child(2) {
    width: 53.07vw;
  }
  #proxy #experience .marquee_item:nth-child(3) {
    width: 74.33vw;
  }
  #proxy #experience .marquee_item:nth-child(4) {
    width: 74.46vw;
  }
  #proxy #capacity {
    padding-top: 7.87vw;
  }
  #proxy #capacity .capacity_info {
    width: 82.8vw;
    margin-bottom: 9.2vw;
  }
  #proxy #capacity .capacity_text {
    font-size: 3.1vw;
    margin-top: 2.9vw;
  }
  #proxy #capacity .capacity_title {
    font-size: 5.1vw;
  }
  #proxy #capacity > div:not(:first-child) {
    height: 66.3vw;
  }
  #proxy #capacity .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 66.3vw;
  }
  #proxy #capacity .pic_border {
    width: 100%;
    height: 66.3vw;
  }
  #proxy #capacity .production_name {
    font-size: 5.1vw;
    padding: 2.7vw 3.4vw;
  }
  #proxy #capacity .production_amount {
    font-size: 10.8vw;
    margin: 3vw 0 2vw 0;
  }
  #proxy #capacity .production_unit {
    font-size: 5vw;
  }
  #proxy #capacity .straight_noodle {
    margin-bottom: 9vw;
  }
  #proxy #capacity .straight_noodle .text {
    position: absolute;
    top: -3.3vw;
    left: 31.3vw;
  }
  #proxy #capacity .straight_noodle .text .production_amount, #proxy #capacity .straight_noodle .text .production_unit {
    padding-left: 4.7vw;
  }
  #proxy #capacity .steam_noodle {
    margin-bottom: 9vw;
  }
  #proxy #capacity .steam_noodle .text {
    position: absolute;
    top: -3.6vw;
    left: 7.7vw;
  }
  #proxy #capacity .steam_noodle .text .production_name {
    margin-left: 10.7vw;
  }
  #proxy #capacity .flavor .text {
    position: absolute;
    top: -4vw;
    left: 23.7vw;
  }
  #proxy #capacity .flavor .text .production_amount, #proxy #capacity .flavor .text .production_unit {
    padding-left: 17vw;
  }
  #proxy #film {
    background: #a2775f;
    padding-top: 7.5vw;
  }
  #proxy #film div.text {
    width: 86vw;
    margin: 0 auto 7.1vw auto;
  }
  #proxy #film div.text .text {
    font-size: 2.7vw;
  }
  #proxy #film div.text .title {
    font-size: 5.1vw;
    margin-bottom: 8vw;
  }
  #proxy #film .film {
    width: 100vw;
    height: 56.5vw;
  }
  #proxy #quality {
    padding: 7.3vw 0 4vw 0;
    position: relative;
  }
  #proxy #quality .info {
    width: 86vw;
    margin-left: 6vw;
  }
  #proxy #quality .info .text {
    font-size: 2.7vw;
    line-height: 1.15;
  }
  #proxy #quality .info .title {
    font-size: 5.1vw;
    margin-bottom: 4.3vw;
  }
  #proxy #quality .pic2 {
    display: block;
    position: absolute;
    top: 50vw;
    left: 0;
    height: 54.7vw;
    border-top-right-radius: 27.35vw;
    border-bottom-right-radius: 27.35vw;
  }
  #proxy #quality .pic_border {
    width: 59.6vw;
    height: 43.5vw;
    position: absolute;
    top: 73.9vw;
    left: 35.2vw;
    border-radius: 21.75vw;
    overflow: hidden;
  }
  #proxy #quality .pic1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 43.5vw;
  }
  #proxy #quality .swiper {
    width: 92.6vw;
    padding: 0 19.9vw 0 4.3vw;
    margin-top: 81.2vw;
  }
  #proxy #quality .swiper .board {
    width: 4.3vw;
    height: 100%;
    background: #1f1f1f;
    z-index: 2;
    position: absolute;
    top: 0;
  }
  #proxy #quality .swiper .board-left {
    left: 0;
  }
  #proxy #quality .swiper .board-right {
    right: 0;
  }
  #proxy #quality .swiper-button-next, #proxy #quality .swiper-button-prev {
    width: 8.6vw;
    height: 8.6vw;
  }
  #proxy_insert {
    padding: 17.6vw 0 16vw 0;
    background-image: linear-gradient(to top, #1f1f1f 5.6vw, transparent 1px);
  }
  #proxy_insert > * {
    width: 80vw;
    margin: 0 auto;
  }
  #proxy_insert .apparatus_pic {
    margin-bottom: 4vw;
  }
  #proxy_insert .apparatus_name {
    font-size: 5.1vw;
    margin-bottom: 3.1vw;
  }
  #proxy_insert .apparatus_info {
    font-size: 3.1vw;
  }
  #proxy #footer {
    background-image: linear-gradient(#1f1f1f 69.5vw, #931a1a 1px);
  }
  #package_banner {
    height: 73vw;
    background-size: auto 100%;
  }
  #package #apparatus {
    padding: 21.6vw 0 8.8vw 0;
  }
  #package #apparatus .info {
    width: 86.4vw;
  }
  #package #apparatus .info .title {
    font-size: 5.6vw;
  }
  #package #apparatus .info .text {
    margin-top: 5.3vw;
    font-size: 3.1vw;
  }
  #package #apparatus .swiper {
    width: 91.5vw;
    margin-top: 9.5vw;
    padding: 0 19.7vw 0 2.5vw;
  }
  #package #apparatus .swiper .board {
    width: 2.5vw;
    height: 100%;
  }
  #package #apparatus .swiper-slide {
    border-radius: 3vw;
    overflow: hidden;
  }
  #package #apparatus .swiper-slide .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #package #apparatus .swiper-slide .pic_border {
    height: 52.1vw;
    position: relative;
    overflow: hidden;
  }
  #package #apparatus .swiper-button-next, #package #apparatus .swiper-button-prev {
    width: 8.6vw;
    height: 8.6vw;
  }
  #package .package {
    padding: 9vw 0 12vw 0;
  }
  #package .package .title {
    font-size: 5.6vw;
    margin-bottom: 3.5vw;
  }
  #package .package .info {
    font-size: 3.1vw;
  }
  #package .package .swiper {
    width: 93vw;
    margin-top: 5vw;
    padding: 0 13.3vw 0 3.9vw;
  }
  #package .package .swiper .board {
    width: 3.9vw;
    height: 100%;
  }
  #package .package .swiper-slide .card {
    overflow: hidden;
    border-radius: 3vw;
    max-width: 69.7vw;
  }
  #package .package .swiper-slide .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    max-width: 90%;
  }
  #package .package .swiper-slide .pic_border {
    position: relative;
    overflow: hidden;
    height: 52.3vw;
  }
  #package .package .swiper-slide .text {
    width: 100%;
    height: 31.2vw;
  }
  #package .package .swiper-slide .text .package_name {
    position: absolute;
    bottom: 69.89%;
    left: 7.2%;
    font-size: 4.3vw;
  }
  #package .package .swiper-slide .text .package_link {
    position: absolute;
    bottom: 69.89%;
    right: 7.2%;
    font-size: 2.8vw;
    padding-bottom: 1.5vw;
  }
  #package .package .swiper-slide .text .package_info {
    position: absolute;
    bottom: 16.76%;
    left: 50%;
    transform: translateX(-50%);
    width: 86.75%;
    font-size: 3.1vw;
  }
  #package .package .swiper-button-next, #package .package .swiper-button-prev {
    width: 8.6vw;
    height: 8.6vw;
  }
  #package #footer {
    background-image: linear-gradient(#1f1f1f 69.5vw, #931a1a 1px);
  }
  #product_banner {
    height: 73vw;
    background-size: auto 100%;
  }
  #product #apparatus {
    padding: 21.6vw 0 8.8vw 0;
  }
  #product #apparatus .info {
    width: 86.4vw;
  }
  #product #apparatus .info .title {
    font-size: 5.6vw;
  }
  #product #apparatus .info .text {
    margin-top: 5.3vw;
    font-size: 3.1vw;
  }
  #product #apparatus .swiper {
    width: 91.5vw;
    margin-top: 9.5vw;
    padding: 0 19.7vw 0 2.5vw;
  }
  #product #apparatus .swiper .board {
    width: 2.5vw;
    height: 100%;
  }
  #product #apparatus .swiper-slide {
    border-radius: 3vw;
    overflow: hidden;
  }
  #product #apparatus .swiper-slide .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #product #apparatus .swiper-slide .pic_border {
    height: 52.1vw;
    position: relative;
    overflow: hidden;
  }
  #product #apparatus .swiper-button-next, #product #apparatus .swiper-button-prev {
    width: 8.6vw;
    height: 8.6vw;
  }
  #product .step {
    margin-bottom: 7vw;
  }
  #product .step_production {
    padding: 8.8vw 0 3.5vw 0;
  }
  #product .step_production .title {
    font-size: 5.6vw;
  }
  #product .step_production .form_group {
    width: 41.6vw;
    margin: 5vw auto 8vw auto;
  }
  #product .step_production .form_control [type=radio]:checked ~ label {
    background-size: auto 2.3vw;
  }
  #product .step_production .form_control label {
    width: 19.3vw;
    height: 8vw;
  }
  #product .step_production .form_control label .board {
    width: 19.3vw;
    height: 6.8vw;
    border-radius: 3.4vw;
  }
  #product .step > div:first-child {
    width: 39.6vw;
  }
  #product .step > div:last-child {
    width: 42.6vw;
  }
  #product .step_noodle {
    background-image: linear-gradient(to left, transparent 49.9%, #f6eee3 49.9%, #f6eee3 50.1%, transparent 50.1%);
  }
  #product .step .no {
    width: 6.8vw;
    height: 6.8vw;
    margin: 0 3vw 0 6vw;
  }
  #product .step .pic_border {
    width: 35.2vw;
    height: 35.2vw;
    margin-left: auto;
  }
  #product .step .info {
    width: 36.4vw;
  }
  #product .step .info .title {
    font-size: 4.3vw;
    margin-bottom: 2.3vw;
  }
  #product .step .info .text {
    font-size: 2.7vw;
  }
  #product #footer {
    background-image: linear-gradient(#caa997 69.5vw, #931a1a 1px);
  }
  #flavor {
    background: #1f1f1f;
  }
  #flavor_banner {
    height: 73vw;
    background-size: auto 100%;
  }
  #flavor #apparatus {
    padding: 21.6vw 0 8.8vw 0;
  }
  #flavor #apparatus .info {
    width: 86.4vw;
  }
  #flavor #apparatus .info .title {
    font-size: 5.6vw;
  }
  #flavor #apparatus .info .text {
    margin-top: 5.3vw;
    font-size: 3.1vw;
  }
  #flavor #apparatus .swiper {
    width: 91.5vw;
    margin-top: 9.5vw;
    padding: 0 19.7vw 0 2.5vw;
  }
  #flavor #apparatus .swiper .board {
    width: 2.5vw;
    height: 100%;
  }
  #flavor #apparatus .swiper-slide {
    border-radius: 3vw;
    overflow: hidden;
  }
  #flavor #apparatus .swiper-slide .pic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
  }
  #flavor #apparatus .swiper-slide .pic_border {
    height: 52.1vw;
    position: relative;
    overflow: hidden;
  }
  #flavor #apparatus .swiper-button-next, #flavor #apparatus .swiper-button-prev {
    width: 8.6vw;
    height: 8.6vw;
  }
  #flavor .marquee_top img:nth-child(1) {
    animation: flavor_mobile-top1 60s linear infinite;
  }
  #flavor .marquee_top img:nth-child(2) {
    animation: flavor_mobile-top2 60s linear infinite;
  }
  #flavor .marquee_top img:nth-child(3) {
    animation: flavor_mobile-top3 60s linear infinite;
  }
  #flavor .marquee_bottom img:nth-child(1) {
    animation: flavor_mobile-bottom1 60s linear infinite;
  }
  #flavor .marquee_bottom img:nth-child(2) {
    animation: flavor_mobile-bottom2 60s linear infinite;
  }
  #flavor .marquee_bottom img:nth-child(3) {
    animation: flavor_mobile-bottom3 60s linear infinite;
  }
  #flavor .marquee_flavor {
    margin-bottom: 6.4vw;
    background: #1f1f1f;
  }
  #flavor #footer {
    background-image: linear-gradient(#1f1f1f 69.5vw, #931a1a 1px);
  }
}
@keyframes movingOut {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  5% {
    opacity: 0.7;
    transform: translateX(0);
  }
  95% {
    opacity: 0.7;
    transform: translateX(max(-1410px, -97.92vw));
  }
  100% {
    opacity: 0.7;
    transform: translateX(max(-1410px, -97.92vw));
  }
}
@keyframes movingIn {
  0% {
    opacity: 1;
    transform: translateX(min(1407px, 97.7vw));
  }
  10% {
    opacity: 1;
    transform: translateX(min(1407px, 97.7vw));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes moving_type1 {
  0% {
    transform: translateX(100vw);
  }
  3% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(0);
  }
  28% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}
@keyframes moving_type2 {
  0% {
    transform: translateX(100vw);
  }
  25% {
    transform: translateX(100vw);
  }
  28% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0);
  }
  53% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}
@keyframes moving_type3 {
  0% {
    transform: translateX(100vw);
  }
  50% {
    transform: translateX(100vw);
  }
  53% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(0);
  }
  78% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}
@keyframes moving_type4 {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  3% {
    opacity: 1;
    transform: translateX(-100vw);
  }
  7% {
    opacity: 0;
    transform: translateX(-100vw);
  }
  8% {
    opacity: 0;
    transform: translateX(100vw);
  }
  75% {
    opacity: 1;
    transform: translateX(100vw);
  }
  78% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes point_type1 {
  0% {
    background: #a2775f;
  }
  3% {
    background: #b62828;
  }
  25% {
    background: #b62828;
  }
  28% {
    background: #a2775f;
  }
  100% {
    background: #a2775f;
  }
}
@keyframes point_type2 {
  0% {
    background: #a2775f;
  }
  25% {
    background: #a2775f;
  }
  28% {
    background: #b62828;
  }
  50% {
    background: #b62828;
  }
  53% {
    background: #a2775f;
  }
  100% {
    background: #a2775f;
  }
}
@keyframes point_type3 {
  0% {
    background: #a2775f;
  }
  50% {
    background: #a2775f;
  }
  53% {
    background: #b62828;
  }
  75% {
    background: #b62828;
  }
  78% {
    background: #a2775f;
  }
  100% {
    background: #a2775f;
  }
}
@keyframes point_type4 {
  0% {
    background: #b62828;
  }
  3% {
    background: #a2775f;
  }
  75% {
    background: #a2775f;
  }
  78% {
    background: #b62828;
  }
  100% {
    background: #b62828;
  }
}


/* 麵刀預覽縮圖樣式 - 不影響原本的 production_pic */
.thumbnail-container {
    margin-top: 15px;
    margin-bottom: 25px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 978px) {
    .thumbnail-container {
        margin: 15px 0 25px 0;
    }
    .thumbnail-container img {
        width: 100px;
        height: 75px;
    }
}

@media (max-width: 977px) {
    .thumbnail-container {
        width: 80vw;
        margin: 15px auto 25px auto;
    }
    .thumbnail-container img {
        width: 80px;
        height: 60px;
    }
}

.thumbnail-container .thumbnail {
    object-fit: cover;
    border: 2px solid #ddd;
    cursor: pointer;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

.thumbnail-container .thumbnail:hover {
    border-color: #a2775f;
}

.thumbnail-container .thumbnail.active {
    border-color: #a2775f !important;
    border-width: 3px !important;
}

  #flavor #apparatus .swiper .apparatus_name {
    position: absolute;
    left: 6.62%;
    font-size: 4.3vw;
    bottom: 22.1vw;
  }
  #flavor #apparatus .swiper .apparatus_info {
    font-size: 3.1vw;
    bottom: 5.2vw;
    width: 86.75%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

/*# sourceMappingURL=style-en.css.map */