@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:500&display=swap");
@import url(fix-slick.css);
@import url(fix-select2.css);
@import url(template.css?a=1);
@import url(home.css);
@import url(about.css);
@import url(product.css);
@import url(news.css);
@import url(solution.css);
@import url(circular-economy.css);
@import url(sustainable-development.css);
@import url(philosophy.css);
@import url(award.css);
/* ------------------------------------------------------------------------ fontface
---------------------------------------------------------------------------------- */
@font-face {
  font-family: 'SCG Light';
  src: url("fonts/SCG-Light.eot");
  src: url("fonts/SCG-Light.eot?#iefix") format("embedded-opentype"), url("fonts/SCG-Light.woff") format("woff"), url("fonts/SCG-Light.ttf") format("truetype"), url("fonts/SCG-Light.svg#SCG-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SCG Regular';
  src: url("fonts/SCG-Regular.eot");
  src: url("fonts/SCG-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/SCG-Regular.woff") format("woff"), url("fonts/SCG-Regular.ttf") format("truetype"), url("fonts/SCG-Regular.svg#SCG-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SCG Bold';
  src: url("fonts/SCG-Bol.eot");
  src: url("fonts/SCG-Bol.eot?#iefix") format("embedded-opentype"), url("fonts/SCG-Bol.woff") format("woff"), url("fonts/SCG-Bol.ttf") format("truetype"), url("fonts/SCG-Bol.svg#SCG-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* ---------------------------------------------------------------- general selector
---------------------------------------------------------------------------------- */
* {
  outline: 0 !important;
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.3);
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.3);
}

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

body {
  color: #696969;
  font-family: "SCG Regular";
  font-size: 1.14583vw;
  line-height: 1.4;
  overflow-x: hidden;
}

@media (max-width: 960px) {
  body {
    font-size: 3.64583vw;
  }
}

p, div, ul, ol, li, a, span, label {
  position: relative;
}

a, a:hover, a:focus {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

strong {
  font-family: "SCG Regular";
  font-weight: 700;
}

b {
  font-family: "SCG Bold";
  font-weight: 400;
}

p, div, ul, ol, li, a, label {
  margin: 0;
  position: relative;
}

ul, ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}

div, p, li, a, input, textarea, select, label, span, strong {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

.hide {
  max-width: 100vw;
  position: absolute;
  left: -9998px;
}

.scroll-pane {
  line-height: 1px;
  overflow: auto;
}

label, input, .block {
  display: block;
}

.container {
  margin: 0 auto;
  padding: 0;
  width: 77.08333vw;
  max-width: 100% !important;
}

@media (max-width: 960px) {
  .container {
    width: auto !important;
    max-width: none !important;
  }
}

.visible__desktop {
  display: block !important;
}

@media (max-width: 960px) {
  .visible__desktop {
    display: none !important;
  }
}

.visible__mobile {
  display: none !important;
}

@media (max-width: 960px) {
  .visible__mobile {
    display: block !important;
  }
}

.detail[aria-hidden="true"] {
  display: block !important;
  position: absolute;
  left: -9998px;
}

.detail[aria-hidden="false"] {
  display: block !important;
  position: relative;
  left: 0;
}

/* ---------------------------------------------------------------------- form__info
---------------------------------------------------------------------------------- */
.form__info .form-group {
  margin: 0 0 1.5625vw;
}

@media (max-width: 960px) {
  .form__info .form-group {
    margin: 0 0 3.90625vw;
  }
}

.form__info .text {
  margin: 0 0 0.26042vw;
}

@media (max-width: 960px) {
  .form__info .text {
    margin: 0 0 1.30208vw;
  }
}

.form__info .form-control {
  background: #fff;
  border: #9b9b9b 0.10417vw solid;
  color: #9b9b9b;
  font-family: "SCG Regular";
  font-size: 1.14583vw;
  line-height: 2.91667vw;
  padding: 0 1.04167vw;
  width: 100%;
  height: 2.91667vw;
  border-radius: 0;
}

@media (max-width: 960px) {
  .form__info .form-control {
    border: #9b9b9b 0.26042vw solid;
    font-size: 3.64583vw;
    line-height: 10.41667vw;
    padding: 0 10.41667vw 0 3.90625vw;
    width: 100%;
    height: 10.41667vw;
  }
}

.form__info textarea.form-control {
  padding: 1.04167vw;
  resize: none;
  height: 8.33333vw;
}

@media (max-width: 960px) {
  .form__info textarea.form-control {
    padding: 2.60417vw;
    height: 20.83333vw;
  }
}

.form__info .upload .toggle {
  background: #fff;
  border: #9b9b9b 0.10417vw solid;
  color: #9b9b9b;
  display: block;
  font-family: "SCG Regular";
  font-size: 0.9375vw;
  line-height: 2.91667vw;
  padding: 0 1.04167vw;
  position: relative;
  width: 100%;
  height: 2.91667vw;
}

@media (max-width: 960px) {
  .form__info .upload .toggle {
    border: #9b9b9b 0.26042vw solid;
    font-size: 2.86458vw;
    line-height: 10.41667vw;
    padding: 0 2.60417vw;
    height: 10.41667vw;
  }
}

.form__info .upload .toggle span {
  background: #d2d2d2;
  display: block;
  line-height: 1.66667vw;
  padding: 0 1.04167vw;
  z-index: 10;
  height: 1.66667vw;
  position: absolute;
  top: 0.52083vw;
  right: 0.52083vw;
}

@media (max-width: 960px) {
  .form__info .upload .toggle span {
    line-height: 7.29167vw;
    padding: 0 2.60417vw;
    height: 7.29167vw;
    top: 1.30208vw;
    right: 1.30208vw;
  }
}

.form__info .upload input {
  position: absolute;
  left: -9998px;
}

.form__info .submit {
  background: url(../img/bg/gradient-25.png) no-repeat;
  background-size: cover;
  border: 0;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 2.91667vw;
}

@media (max-width: 960px) {
  .form__info .submit {
    height: 10.41667vw;
  }
}

.form__info .submit span {
  color: #fff;
  display: block;
  line-height: 2.91667vw;
  text-align: center;
  height: 100%;
}

@media (max-width: 960px) {
  .form__info .submit span {
    line-height: 10.41667vw;
  }
}

.form__info .row .form-group {
  padding: 0 0.78125vw;
}

@media (max-width: 960px) {
  .form__info .row .form-group {
    padding: 0 1.95313vw;
  }
}

.form__info .row .box__button {
  padding: 0 0.78125vw;
}

@media (max-width: 960px) {
  .form__info .row .box__button {
    padding: 0 1.95313vw;
  }
}

/* -------------------------------------------------------------------- box__contact
---------------------------------------------------------------------------------- */
#box__contact {
  background: url(../img/bg/bg__strip-2.png) repeat-y center 41.66667vw;
  background-size: 100% auto;
  line-height: 1.5;
  padding: 11.97917vw 0 8.33333vw;
}

@media (max-width: 960px) {
  #box__contact {
    padding: 20.83333vw 0 41.66667vw;
  }
}

#box__contact .box__button {
  display: flex;
  flex-flow: row wrap;
}

#box__contact .box__button.end {
  justify-content: flex-end;
}

#box__contact .box__button.center {
  justify-content: center;
}

#box__contact .head__section {
  background: url(../img/bg/color__grey-4.png) no-repeat center bottom;
  background-size: 6.77083vw 0.52083vw;
  margin: 0 0 3.125vw;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

@media (max-width: 960px) {
  #box__contact .head__section {
    background: url(../img/bg/color__grey-4.png) no-repeat center bottom;
    background-size: 16.92708vw 1.30208vw;
    margin: 0 0 7.8125vw;
  }
}

#box__contact .head__section span {
  background: url(../img/bg/gradient-25.png) no-repeat;
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "SCG Bold";
  font-size: 4.16667vw;
  line-height: 1;
  padding: 1.5625vw 0;
  text-transform: uppercase;
}

@media (max-width: 960px) {
  #box__contact .head__section span {
    font-size: 10.41667vw;
    padding: 3.90625vw 0;
  }
}

#box__contact .head__info {
  margin: 0;
}

#box__contact .head__info span {
  background: url(../img/bg/gradient-25.png) no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "SCG Bold";
  font-size: 3.4375vw;
  line-height: 1;
  text-transform: uppercase;
}

@media (max-width: 960px) {
  #box__contact .head__info span {
    font-size: 8.59375vw;
  }
}

@media (max-width: 960px) {
  #box__contact .order-2 {
    order: 0 !important;
  }
}

#box__contact .box__archive {
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 0 3.125vw;
}

@media (max-width: 960px) {
  #box__contact .box__archive {
    margin: 0 3.90625vw 7.8125vw;
    padding: 5.85938vw 3.90625vw 1.95313vw;
    box-shadow: 0.65104vw 0.65104vw 2.60417vw 0px rgba(105, 34, 90, 0.2);
  }
}

#box__contact .box__archive .info {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}

#box__contact .box__archive .info .row {
  width: 100%;
}

#box__contact .box__archive .info .form-group {
  margin: 0;
  padding: 0 0.78125vw;
}

@media (max-width: 960px) {
  #box__contact .box__archive .info .form-group {
    margin: 0 0 3.90625vw;
    padding: 0;
  }
}

#box__contact .box__archive .info .icon-search img {
  display: block;
  width: 2.91667vw;
}

@media (max-width: 960px) {
  #box__contact .box__archive .info .icon-search img {
    width: 7.29167vw;
  }
}

#box__contact .box__archive .info .text {
  color: #696969;
  font-family: "SCG Bold";
  font-size: 1.45833vw;
  line-height: 2.91667vw;
  height: 2.91667vw;
}

@media (max-width: 960px) {
  #box__contact .box__archive .info .text {
    font-size: 4.375vw;
    line-height: 1;
    height: auto;
  }
}

#box__contact .box__archive .info .submit {
  background: url(../img/bg/gradient-5.png) no-repeat;
  background-size: 100% 100%;
  border: 0;
  cursor: pointer;
  display: block;
  padding: 0 3.125vw;
}

@media (max-width: 960px) {
  #box__contact .box__archive .info .submit {
    padding: 0 7.8125vw;
  }
}

#box__contact .box__archive .info .submit span {
  color: #fff;
  line-height: 2.91667vw;
  height: 2.91667vw;
}

@media (max-width: 960px) {
  #box__contact .box__archive .info .submit span {
    line-height: 9.375vw;
    height: 9.375vw;
  }
}

#box__contact .box__map {
  margin: 0;
}

#box__contact .box__map iframe {
  display: block;
  width: 100%;
  height: 41.66667vw;
}

@media (max-width: 960px) {
  #box__contact .box__map iframe {
    height: 100vw;
  }
}

#box__contact .box__info {
  background: url(../img/bg/bg__content-4.png) no-repeat 0 24%, url(../img/bg/bg__content-5.png) no-repeat right 58%;
  background-size: 8.59375vw auto, 7.86458vw auto;
  padding: 3.125vw 0 7.29167vw;
}

@media (max-width: 960px) {
  #box__contact .box__info {
    background: none;
    padding: 7.8125vw 3.90625vw 19.53125vw;
  }
}

#box__contact .box__info .container {
  width: 72.39583vw;
}

@media (max-width: 960px) {
  #box__contact .box__info .container {
    width: auto;
  }
}

#box__contact .box__address {
  border-bottom: #9b9b9b 1px solid;
  margin: 0 0 1.04167vw;
  padding: 0 0 1.04167vw;
  width: 22.39583vw;
}

@media (max-width: 960px) {
  #box__contact .box__address {
    margin: 0 0 3.90625vw;
    padding: 0 0 3.90625vw;
    width: auto;
  }
}

#box__contact .box__address span {
  display: block;
}

@media (max-width: 960px) {
  #box__contact .box__address span {
    display: inline;
  }
}

@media (max-width: 960px) {
  #box__contact .box__follow {
    margin: 0 0 7.8125vw;
  }
}

#box__contact .box__follow .text {
  background: url(../img/icon/follow.png) no-repeat;
  background-size: 1.61458vw auto;
  padding: 0.26042vw 0 0 2.13542vw;
}

@media (max-width: 960px) {
  #box__contact .box__follow .text {
    background: url(../img/icon/follow.png) no-repeat;
    background-size: 4.03646vw auto;
    margin: 0 0 1.95313vw;
    padding: 0 0 0 5.33854vw;
  }
}

#box__contact .box__follow .fb, #box__contact .box__follow .twitter {
  display: block;
  margin: 0 0.52083vw 0 0;
  text-indent: -9998px;
  width: 2.08333vw;
  height: 2.08333vw;
}

@media (max-width: 960px) {
  #box__contact .box__follow .fb, #box__contact .box__follow .twitter {
    margin: 0 1.30208vw 0 0;
    width: 5.20833vw;
    height: 5.20833vw;
  }
}

#box__contact .box__follow .fb {
  background: url(../img/icon/fb-2.png) no-repeat;
  background-size: 2.08333vw auto;
}

@media (max-width: 960px) {
  #box__contact .box__follow .fb {
    background: url(../img/icon/fb-2.png) no-repeat;
    background-size: 5.20833vw auto;
  }
}

#box__contact .box__follow .twitter {
  background: url(../img/icon/twitter.png) no-repeat;
  background-size: 2.08333vw auto;
}

@media (max-width: 960px) {
  #box__contact .box__follow .twitter {
    background: url(../img/icon/twitter.png) no-repeat;
    background-size: 5.20833vw auto;
  }
}

#box__contact .form__info {
  background: #fff;
  margin: 0 auto;
  padding: 2.34375vw 1.5625vw;
  width: 52.08333vw;
  box-shadow: 0.26042vw 0.26042vw 0.52083vw 0px rgba(105, 34, 90, 0.2);
}

@media (max-width: 960px) {
  #box__contact .form__info {
    padding: 5.85938vw 1.95313vw;
    width: 100%;
    box-shadow: 0.65104vw 0.65104vw 1.30208vw 0px rgba(105, 34, 90, 0.2);
  }
}

#box__contact .select2-container .select2-selection--single .select2-selection__rendered {
  border: #9b9b9b 0.10417vw solid;
  color: #9b9b9b;
}

@media (max-width: 960px) {
  #box__contact .select2-container .select2-selection--single .select2-selection__rendered {
    border: #9b9b9b 0.26042vw solid;
  }
}

#box__contact .select2-container--default .select2-selection--single .select2-selection__arrow {
  background: url(../img/icon/arrow__grey-3.png) no-repeat center center;
  background-size: 0.88542vw auto;
}

@media (max-width: 960px) {
  #box__contact .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../img/icon/arrow__grey-3.png) no-repeat center center;
    background-size: 4.42708vw auto;
  }
}

/* ------------------------------------------------------------- box__privacy-policy
---------------------------------------------------------------------------------- */
#box__privacy-policy {
  padding: 7.8125vw 0 12.5vw;
}

@media (max-width: 960px) {
  #box__privacy-policy {
    padding: 13.02083vw 0 41.66667vw;
  }
}

@media (max-width: 960px) {
  #box__privacy-policy .container {
    padding: 0 3.90625vw;
    width: auto;
  }
}

#box__privacy-policy .head__section {
  color: #000;
  font-size: 2.70833vw;
  margin: 0 0 0.78125vw;
}

@media (max-width: 960px) {
  #box__privacy-policy .head__section {
    font-size: 6.77083vw;
    margin: 0 0 1.95313vw;
  }
}

#box__privacy-policy .head__section span {
  color: #ed2424;
}

#box__privacy-policy .subhead {
  background: #ed2424;
  color: #fff;
  font-size: 1.25vw;
  padding: 0.52083vw 0.52083vw 0.52083vw 1.5625vw;
}

@media (max-width: 960px) {
  #box__privacy-policy .subhead {
    font-size: 3.4375vw;
    padding: 1.30208vw 1.30208vw 1.30208vw 3.90625vw;
  }
}

#box__privacy-policy .box__description {
  margin: 0 0 1.5625vw;
}

@media (max-width: 960px) {
  #box__privacy-policy .box__description {
    margin: 0 0 3.90625vw;
  }
}

#box__privacy-policy .list__info > li {
  background: url(../img/bg/color__red-1.png) no-repeat 0 center;
  background-size: 0.52083vw 80%;
  padding: 0 0 0 1.5625vw;
}

@media (max-width: 960px) {
  #box__privacy-policy .list__info > li {
    background: url(../img/bg/color__white-1.png) no-repeat 0 bottom, url(../img/bg/color__red-1.png) no-repeat 0 1.30208vw;
    background-size: 1.30208vw 1.30208vw, 1.30208vw 15.625vw;
    padding: 0 0 0 3.90625vw;
  }
}

#box__privacy-policy .list__info .info {
  border-bottom: #242d3c 1px solid;
  padding: 1.04167vw 0 0.52083vw;
}

@media (max-width: 960px) {
  #box__privacy-policy .list__info .info {
    padding: 3.25521vw 0;
  }
}

#box__privacy-policy .list__info .title {
  color: #ed2424;
  font-size: 1.19792vw;
  margin: 0 0 0.52083vw;
  padding: 0 11.97917vw 0 0;
}

@media (max-width: 960px) {
  #box__privacy-policy .list__info .title {
    font-size: 2.99479vw;
    margin: 0;
    padding: 0 23.4375vw 0 0;
  }
}

#box__privacy-policy .list__info .link {
  background: #242d3c;
  color: #fff;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.25vw;
  line-height: 3.33333vw;
  margin: -1.61458vw 0 0;
  padding: 0 3.125vw;
  z-index: 10;
  height: 3.22917vw;
  position: absolute;
  top: 50%;
  right: 0;
}

@media (max-width: 960px) {
  #box__privacy-policy .list__info .link {
    display: inline-block;
    font-size: 2.8125vw;
    line-height: 8.33333vw;
    margin: 0;
    padding: 0 2.60417vw;
    vertical-align: top;
    z-index: 10;
    height: 7.8125vw;
    top: 2.34375vw;
  }
}

#box__privacy-policy .otnotice-content {
  padding: 0;
}

#box__privacy-policy .otnotice-content .otnotice-sections .otnotice-section-content p {
  color: #000;
  font-family: "SCG Regular";
  font-size: 1.25vw;
  line-height: 1.4;
}

@media (max-width: 960px) {
  #box__privacy-policy .otnotice-content .otnotice-sections .otnotice-section-content p {
    font-size: 3.75vw;
  }
}

#box__privacy-policy .otnotice-section-header {
  color: #ed2424;
  font-size: 2.70833vw;
  margin: 0 0 0.78125vw;
}

@media (max-width: 960px) {
  #box__privacy-policy .otnotice-section-header {
    font-size: 6.77083vw;
    margin: 0 0 1.95313vw;
  }
}

/* ------------------------------------------------------------------- popup__banner
---------------------------------------------------------------------------------- */
.popup__banner {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.popup__banner .bg {
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.popup__banner .detail {
  z-index: 10;
  width: 83.33333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  .popup__banner .detail {
    width: 92.1875vw;
  }
}

.popup__banner .detail a {
  display: block;
}

.popup__banner .detail .pic {
  cursor: pointer;
}

.popup__banner .detail .pic img {
  display: block;
  width: 100%;
}

.popup__banner .detail .info {
  display: flex;
  justify-content: center;
  text-align: center;
  z-index: 10;
  width: 100%;
  position: absolute;
  bottom: 2.34375vw;
  left: 0;
}

@media (max-width: 960px) {
  .popup__banner .detail .info {
    bottom: 2.60417vw;
  }
}

.popup__banner .detail .info a, .popup__banner .detail .info p {
  color: #fff;
  display: block;
  font-size: 1.77083vw;
  margin: 0 0.78125vw;
}

@media (max-width: 960px) {
  .popup__banner .detail .info a, .popup__banner .detail .info p {
    font-size: 3.90625vw;
    margin: 0 1.30208vw;
  }
}

.popup__banner .close {
  background: url(../img/button/close-1.png) no-repeat center center;
  background-size: 1.71875vw auto;
  display: block;
  opacity: 1;
  text-indent: -9998px;
  z-index: 10;
  width: 4.16667vw;
  height: 4.16667vw;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 960px) {
  .popup__banner .close {
    background: url(../img/button/close-1.png) no-repeat center center;
    background-size: 4.29688vw auto;
    width: 10.41667vw;
    height: 10.41667vw;
  }
}

/* ------------------------------------------------------------------ popup__landing
---------------------------------------------------------------------------------- */
.popup__landing {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.popup__landing .bg {
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.popup__landing .detail {
  z-index: 10;
  width: 52.08333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  .popup__landing .detail {
    width: 92.1875vw;
  }
}

.popup__landing .detail .pic {
  cursor: pointer;
}

.popup__landing .detail .pic img {
  display: block;
  width: 100%;
}

.popup__landing .detail .info {
  width: 35.15625vw;
  position: absolute;
  bottom: 5.20833vw;
  right: 0;
}

@media (max-width: 960px) {
  .popup__landing .detail .info {
    width: 100%;
    bottom: 7.8125vw;
  }
}

.popup__landing .detail .enter {
  background: url(../img/bg/box__brown-1.png) no-repeat;
  background-size: 8.90625vw auto;
  color: #fff;
  display: block;
  font-size: 0.9375vw;
  line-height: 1.71875vw;
  margin: 0 auto;
  text-align: center;
  width: 8.90625vw;
  height: 1.71875vw;
}

@media (max-width: 960px) {
  .popup__landing .detail .enter {
    background: url(../img/bg/box__brown-1.png) no-repeat;
    background-size: 33.39844vw auto;
    font-size: 3.51562vw;
    line-height: 6.44531vw;
    width: 33.39844vw;
    height: 6.44531vw;
  }
}

.en .popup__landing .detail .info {
  bottom: 6.25vw;
}

@media (max-width: 960px) {
  .en .popup__landing .detail .info {
    bottom: 7.8125vw;
  }
}

.en .popup__landing .detail .enter {
  font-size: 1.14583vw;
}

@media (max-width: 960px) {
  .en .popup__landing .detail .enter {
    font-size: 3.90625vw;
  }
}