@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700,800%7CNunito+Sans:400,600,700,800&display=swap&subset=japanese');

img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}aside,details,figcaption,figure,footer,header,hgroup,icle,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

/* disable Enfold Theme */

.content {
  padding: 0;
}

.container {
  padding: 0;
  margin: 0;

  max-width: 100% !important;
  width: 100% !important;
}

.responsive #top.avia-blank #main .main_color.container_wrap:first-child {
  border: none;
}


/* disable Enfold Theme */

:lang(ja) {
  font-family: 'Nunito Sans', 'M PLUS 1p', sans-serif;
}

* {
  box-sizing: border-box !important;
  margin: 0;
}

.word-divide {
  font-size: 0;
}
.word-divide span {
  display: inline-block !important;
}

.post-views {
	display: none;
}

html {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%; height: 100%;
  max-width: 100% !important; max-height: 100% !important;
  margin: 0;
  padding: 0;

  font-size: 100%;
}

body {
  width: 100%;
  float: left;

  position:relative;
  margin: 0;
  padding: 0;
}

.ep-title {
  position: relative;
  z-index: 1;
}

.ep-title::before {
  content: '';
  width: 34px;
  height: 39px;
  transform: rotate(70deg);
  border-radius: 50%;
  background-color: #ff5831;

  position:absolute;
  right: -10px;
  top: -3px;
  z-index: -1;
}

.ep-subTitle {
  position: relative;
  z-index: 1;
}
.ep-subTitle::before {
  content: '';
  width: 22px;
  height: 22px;
  transform: rotate(-25deg);
  border-radius: 7px;
  background-color: #f69320;

  position:absolute;
  right: -10px;
  top: -2px;
  z-index: -1;
}

#myDropdown button {
  border-radius: 2px;
  border: solid 1px #fff;
  color: #eee;
  background: none;
}

.warp {
  padding-top: 0px !important;
}

.none-select {
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}

#container {
  position: relative;
  margin: 0;
}

section {
  overflow: visible !important;
  width: 100%;

  display: block;
  position: relative;
}

.fit-screen {
  min-height: 600px;
}

.flexible-screen {
  min-height: 600px;
}

.nav-up {
  bottom: 0;
}

section {
  overflow: hidden;
}

.content-container {
  width: 100%;
  margin: auto 0;
  font-size: 0;

  position:relative;
}

.vertical-align-div {
  vertical-align: middle;
}

.fit-content {
  display: flex;
  height: 100%;
  justify-content: center;
}

/*
.padding-group {
  padding: 0 104px;
}
*/
.padding-group {
  padding: 0 190px;
}

.container-wrapper {
  position: relative;
  width: 100%;
  /*padding-top: 120px;*/
}

.content-wrapper {

}

.content-box {
  text-align: left;
}

.text-box {
  text-align: left;
}

.content-align {
  max-width: 1440px;
  margin: 0 auto;
}


/* =================== Header Start =================== */

header {
  z-index: 999;
  width: 100%;
  height: 72px;
  position: fixed;

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

header.isScroll {
  background-color: #fff;
  border-bottom: 1px solid #f5f5f5 !important;
}

.header-wrapper {
  max-width: 100%;
  padding: 0 80px;
  margin: 0 auto;

  line-height: 72px;
}

.header-wrapper img {
  vertical-align: middle;
  height: 37px;
}

.header-menu, .header-menu ul, .header-menu li {
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
}

.header-menu {
  margin-left: 56px;
}

.header-menu li {
}

.header-menu li a {
  font-size: 1.15rem;
  font-weight: 600;
  color: #797979;
  text-decoration: none;

  padding: 0 21px;
}

.header-menu li a:hover {
  color: #797979;
  opacity: 0.5;
}

.lang {
  display: inline-block;
  position: relative;
}

.lang span {
  position: relative;
  color: #fff;
  font-size: 0.9rem;
  margin-left: 5px;

  cursor: pointer;

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.lang span::before {
  content: '';
  position: absolute;
  left: -30px;
  top: 0;
  height: 20px;
  width: 20px;

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

header .lang span::before {
  background: url('resource/ico-lang.png') no-repeat;
  background-size: contain;
}

.isScroll .lang span {
  color: #797979;
}

.isScroll .lang span::before {
  background: url('resource/ico-lang-footer.png') no-repeat;
  background-size: contain;
}

.arrow {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 6px;
  border-top: solid 6px #fff !important;
  border-left: solid 6px transparent !important;
  border-right: solid 6px transparent !important;

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.isScroll .arrow {
  border-top: solid 6px #797979 !important;
}
.lang-select .arrow {
  /*transform: rotate(180deg);*/
}

header .lang {
  float: right;
}

.lang-select .lang-menu {
  display: block;
}

.lang-menu {
  display: none;

  position: absolute;
  right: 0;

  min-width: 108px;
  min-height: 20px;
  padding: 8px 0;

  -webkit-box-shadow: 0 16px 30px 0 rgba(0,0,0,.12);
  box-shadow: 0 16px 30px 0 rgba(0,0,0,.12);

  border: 1px solid rgba(113,113,113, .3);
  border-radius: 6px;

  background-color: #fff;
}

.lang-menu li {
  margin: 0;
  padding: 8px 0;

  text-align: center;
}

.lang-menu a {
  color: #000;
}

.lang-menu li.lang-menu-select {
  background-color: #ff5831 !important;
  color: #fff !important;
}

.lang-menu li:hover {
  background-color: #ff58311a;
  color: #5c5c5c;
}

.lang-menu a:hover {
  color: #5c5c5c;
  text-decoration: none;
}

/* =================== Footer Finish =================== */



/* =================== Footer Start =================== */

footer {
  padding: 0;
  border-top: 1px solid #f5f5f5 !important;
  background-color: transparent !important;

  height: 72px;
}

.footer-wrapper {
  max-width: 1440px;
  line-height: 72px;

  padding: 0 190px;
  margin: 0 auto;

  color: #797979;
}

.footer-wrapper img {
  vertical-align: middle;
  height: 23px;
}

#myTrigger .caret {
  color: #333;
  margin-left: 2px;
}

ul.dropdown-menu {
  display: block;
  transform: perspective(1px) translateY(-100%);
  top: 0;
  width: 100px;
  min-width: 100px;

  display: none;
}

#myDropdown ul.dropdown-menu li a {
  color: #333;
}
#myDropdown ul.dropdown-menu li a:hover {
  color: #5c5c5c;
}

#myDropdown {
  display: inline-block;
}


footer .lang {
  margin: 0 56px;
}

footer .lang-menu {
  top: -102px;
}

footer .lang span {
  color: #797979;
}

footer .lang span::before {
  background: url('resource/ico-lang-footer.png') no-repeat;
  background-size: contain;
}

footer .lang .arrow {
  border-top: solid 6px #797979 !important;
}

.footer-wrapper > span {
  font-size: 0.875rem;
}


/* =================== Footer End =================== */


/* Section1 Start */

#section1 {
}

#section1::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('resource/illust-top-bg-left.png') no-repeat left;
  background-size: contain;
}
#section1::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('resource/illust-top-bg-right.png') no-repeat right;
  background-size: contain;

  top: 0;
  z-index: -2;
}

#section1 .content-container {
  text-align: center;
}

#section1 a.contact-btn {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ff5831;

  border: solid 2px #ff5831;
  border-radius: 6px;

  padding: 18px 42px;
  margin-bottom: 20px;
}

#section1 a.contact-btn:hover {
  opacity: 0.8;
}
#section1 a.contact-btn:active {
  opacity: 0.6;
}

#section1 .content-container p {
  font-size: 0;
  opacity: 0.7;
  color: #241d1e;
  line-height: 2rem;

  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 72px;
}

#section1 .content-container p span {
  font-size: 1.1rem;
  color: #241d1e;
  line-height: 1.7rem;
}


/* Section1 Finish */


/* Section2 Start */

#section2 {
  padding-top: 100px;
}

.product-menu {
  margin-top: 100px;
  font-size: 0;
  background-color: #fff;
}

.product-menu.fixed {
  position: fixed;
  top: 72px;
  left: 50%;
  transform: translate(-50%, 0);

  width: 100%;
  max-width: 1440px;

  margin: 0;

  z-index: 3;
}

.product-menu-item {
  display: inline-block;
  vertical-align: top;

  width: 33%;
  height: 104px;
  padding-top: 24px;
  padding-right: 30px;

  border-bottom: solid 2px #dedede;
}

.product-menu-item:hover {
  border-bottom: solid 2px #ff5831;

  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.product-menu-item.isActive {
  border-bottom: solid 6px #ff5831 !important;
}

.product-menu-item h4, .product-menu-item h4 span {
  color: #626262;
  font-weight: 400;
}

.product-menu-item.isActive h4, .product-menu-item.isActive h4 span {
  color: #1f1f1f;
  font-weight: 700;
}

.product-content {
  position:relative;
  overflow: hidden;
}

.product-list, .product-list ul, .product-list li {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.product-list {
  text-align: center;
  position: absolute;
  top: 0;

  /*
  margin-top: 100%;
  */
  opacity: 0;

  -webkit-transition: ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: ease-in-out, opacity 0.3s ease-in-out;
  -ms-transition: ease-in-out, opacity 0.3s ease-in-out;
  transition: ease-in-out, opacity 0.3s ease-in-out;
}

.product-list.isActive {
  position: relative;

  /*
  margin-top: 0;
  */
  z-index: 2;
  opacity: 1;
}

#product-list-1 {

}
#product-list-2 {

}
#product-list-3 {

}

.product-list li {
  display: inline-block;
  vertical-align: top;

  width: 33%;
  min-width: 308px;
  padding: 30px;
  margin-top: 40px;
}

.product-list li div {
  min-width: 248px;
}

.product-list li img {
  display: block;

  height: 144px;
  margin: 0 auto 40px auto;
}

.product-list li h4 {
  margin-bottom: 32px;
}

.product-list li .text-box {
}

.product-list li .text-box span {
  line-height: 1.1;
}


/* Section2 Finish */

/* Section3 Start */

#section3 {
  padding-top: 100px;
}

#section3 .content-wrapper {
  margin-top: 64px;
}

.customer-statistics, .customer-statistics ul, .customer-statistics li {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.customer-statistics {
  display: inline-block;
  vertical-align: top;

  min-width: 50%;
  margin-bottom: 44px;
}

.customer-statistics img {
  margin-bottom: 12px;
}

.customer-statistics p {
  font-size: 2rem;
  color: #ff5831;

  margin-top: 16px;
  margin-bottom: 40px;
}

.customer-statistics ul {
  width: 100%;
}

.customer-statistics li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.customer-partner, .customer-partner ul, .customer-partner li {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.customer-partner {
  display: inline-block;
  vertical-align: top;

  min-width: 50%;
}

.customer-partner h4 {
  font-weight: 600;
  color: #626262 !important;
  text-align: left;

  margin-bottom: 32px;
}

.customer-partner div {
  width: 100%;
}

.customer-partner ul {
  display: inline-block;
  vertical-align: top;

  width: 50%;
  padding-left: 5%;
  padding-right: 5%;
}

.customer-partner li {
  margin-bottom: 12px;
}

.customer-partner ul:first-child {
  border-right: 2px solid #f5f5f5;
}

.customer-partner img {
  height: 32px;
}


/* Section3 Finish */

/* Section4 Start */

#section4 {
  margin-top: 100px;

  padding: 72px 0;
  background-color: #f5f5f5;
}

.company-award {
  margin-top: 55px;
}

.company-award-carousel {
  overflow: hidden;

  padding: 10px 0;
}

.holder {
  animation: carousel 20s linear infinite running;
  white-space: nowrap;
  will-change: transform;
}
.holder:hover {
  animation-play-state: paused;
}

@keyframes carousel {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-2016px);
  }
}

.award-card{
  display: inline-block;
  vertical-align: top;

  width: 248px;
  height: 408px;
  border-radius: 4px;
  box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #dedede;
  background-color: #fff;

  margin-right: 40px;
  padding: 40px 27px 32px 22px;
}

.award-card-prize {
  width: 100%;
}

.award-card-prize img {
  display: block;

  height: 64px;
  margin: 0 auto;
}

.award-card-name {
  margin: 0;
  padding: 0;

  height: 144px;
  display: flex;
  align-items: center;

  line-height: 1.5;
}

.award-card-name-additional {
  margin: 0;
  padding: 0;

  height: 48px;

  font-weight: 800;
  color: #e6b980 !important;
}

.award-card-host {
  margin: 0;
  padding: 0;

  height: 56px;

  font-size: 0.750rem;
  color: #1f1f1f;
  line-height: 1.5;
}

.award-card-date {

}

.award-card-date-year {
  font-weight: 800;
  font-size: 1.25rem;
  color: #626262;
}

.award-card-date-month {
  font-size: 1.25rem;
  float: right;
}


/* Section4 Finish */

/* Section5 Start */

#section5 {
  padding-top: 144px;
}

#section5 h3 {
  margin-top: 64px;
  margin-bottom: 44px;
}

.company-info ul, .company-info li {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.company-info {
}

.company-info ul {
  margin-top: -44px;
}

.company-info li {
  display: inline-block;
  vertical-align: top;

  margin-right: 144px;
  margin-top: 44px;
}

.company-info h6 {
  margin-bottom: 1rem;
}

.company-info p {
  font-size: 1.25rem;
  line-height: 1.1;
  margin: 0.4rem 0;
}

.company-introduce {

}

.company-introduce .text-box {
  display: inline-block;
  vertical-align: top;

  width: calc(100% - 533px);

  margin-bottom: 72px;
}

.company-introduce img {
  vertical-align: top;
  float: right;
}

.company-history {
  padding-top: 72px;
  padding-bottom: 72px;

  background-color: #f5f5f5;
}

.company-history-list, .company-history-list ul, .company-history-list li {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.company-history-list {
  display: inline-block;
  vertical-align: top;

  width: 50%;
}

.company-history-list > li {
  margin-bottom: 12px;
}

.history-year {
  display: inline-block;
  vertical-align: top;

  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  color: #1f1f1f;

  width: 86px;
}

.company-history-list ul {
  display: inline-block;
  vertical-align: top;

  width: calc(100% - 86px);

  padding: 0 7px;
  padding-left: 26px;
}

.company-history-list ul>li {
  color: #626262;
  line-height: 1rem;

  margin-bottom: 4px;
}

/* Section5 Finish */

/* Section6 Start */

#section6 {
  padding: 144px 0;
}

#section6 .content-container {
  text-align: center;
}

.form-inquiry {
  width: 100%;
  max-width: 540px;

  text-align: left;

  margin: 0 auto;
  margin-top: 88px;
}

.form-inquiry h4 {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 12px;
}

.form-inquiry p {
  font-size: 14px;
  margin-bottom: 24px;
}

.form-inquiry-field {
  display: flex;
  margin-bottom: 24px;
}

.form-inquiry-submit {
}

.form-inquiry input {
  margin-bottom: 0;
}

.form-inquiry-field input {
  font-size: 1.125rem;
  color: #626262 !important;

  width: 100%;
  border: 0;

  padding: 12px;
  border-radius: 6px;
  background-color: #fff !important;

  border: 1px solid #F1F3F5;

  /*
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  */
}

.form-inquiry-field textarea {
  resize: none;

  font-size: 1.125rem;
  color: #626262 !important;

  width: 100%;
  border: 0;

  padding: 12px;
  border-radius: 6px;
  background-color: #fff;

  border: 1px solid #F1F3F5;

  /*
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  */
}

.form-inquiry button {
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  background-color: #ff5831;

  border: 0;

  padding: 14px 24px;
  border-radius: 6px;
}
.form-inquiry button:hover {
  opacity: 0.8;
}
.form-inquiry button:active {
  opacity: 0.6;
}

/* Section6 Finish */

/* Section7 Start */

#section7 {
  padding: 72px 0;
  border-top: 1px solid #f5f5f5 !important;
}

#section7 .content-wrapper {
  padding: 44px 0;
}

.company-address {
  display: inline-block;
  vertical-align: middle;
}

.company-address h4 {
  font-weight: 800;
  margin-bottom: 16px
}

.vertical-hr {
  display: inline-block;
  vertical-align: middle;

  width: 1px;
  height: 104px;

  margin: 0 48px;

  background-color: #dedede;
}



/* Section7 Finish */

h1, h1 span {
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.1;
  color: #1f1f1f !important;
}

/* Text Settings */

h2, h2 span {
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.1;
  color: #1f1f1f !important;
}

h3, h3 span {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.1;
  color: #1f1f1f !important;
}

h4, h4 span {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
  color: #1f1f1f !important;
}

h5, h5 span {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1;
  color: #1f1f1f !important;
}

h6, h6 span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  color: #1f1f1f !important;
}

p, span {
  font-size: 1rem;
  color: #5c5c5c;
  line-height: 1.5rem;
}

p.word-divide span {
  line-height: 1.5rem;
}

ul, li {
  list-style: none;
  line-height: 1.625rem;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  color: #5c5c5c;
}



/* ========================= Start Media Query ============================= */


@media all and (max-width: 1440px) {
  .padding-group {
    padding: 0 80px;
  }
}

@media all and (max-width: 1300px) and (min-width: 1025px) {
}

@media all and (max-width: 1024px) {
  .padding-group {
    padding: 0 64px;
  }
  .company-award-carousel {
    margin: 0 -64px;
  }

  #section1::before {
    left: -80px;
  }
  #section1::after {
    right: -140px
  }
  .product-list li {
    min-width: 240px;
    padding: 20px;
  }
  .product-list li div {
    min-width: 200px;
  }
  #section3 .content-wrapper {
    text-align: center;
  }
  .customer-statistics {
    min-width: 100%;
  }
  .customer-partner {
    min-width: 100%;
  }
  .customer-partner h4 {
    padding-left: calc(25% - 60px);
  }

  .company-introduce .text-box {
    display: block;

    width: 100%;;
  }

  .company-introduce img {
    display: block;

    margin: 0 auto;
    padding: 0 20px;
    float: none;
  }
  .company-info li {
    width: 50%;
    margin-right: 0;
    padding-right: 24px;
  }
  .company-history-list {
    display: block;

    max-width: 540px;
    width: 100%;

    margin: 0 auto;
  }
  .company-address {
    display: block;
  }

  .vertical-hr {
    display: block;

    width: 100%;
    height: 2px;

    margin: 40px 0;
  }
  #section7 .content-wrapper {
    padding-bottom: 0;
  }
}

@media all and (min-width: 769px) and (max-width: 1024px) {
}

@media all and (min-width: 481px) and (max-width: 1024px) {
  .fit-screen {
    min-height: 840px;
  }
}

@media all and (max-width: 768px) {
}

@media all and (max-width: 660px) {
  .padding-group  {
    padding: 0 30px;
  }
  .company-award-carousel {
    width: 248px;
    margin: 0 auto;
  }

  .header-menu {
    display: none;
  }
  #section1::before {
    left: -120px;
  }
  h1, h1 span {
    font-size: 3rem;
  }


  .product-menu-item {
    width: 100%;
    height: 72px;
  }
  .product-list li {
    display: block;

    width: 100%;
    padding: 0;
    margin-top: 40px;
  }
  .product-list.isActive {
    padding-top: 40px;
  }

  @keyframes carousel {
    0% {
      transform: translateX(0);
    }
    12% {
      transform: translateX(0);
    }
    14% {
      transform: translateX(-288px);
    }
    26% {
      transform: translateX(-288px);
    }
    28% {
      transform: translateX(-576px);
    }
    40% {
      transform: translateX(-576px);
    }
    42% {
      transform: translateX(-864px);
    }
    54% {
      transform: translateX(-864px);
    }
    56% {
      transform: translateX(-1152px);
    }
    68% {
      transform: translateX(-1152px);
    }
    70% {
      transform: translateX(-1440px);
    }
    82% {
      transform: translateX(-1440px);
    }
    84% {
      transform: translateX(-1728px);
    }
    96% {
      transform: translateX(-1728px);
    }
    98% {
      transform: translateX(-2016px);
    }
    100% {
      transform: translateX(-2016px);
    }
  }

  footer .lang {
    float: right;
    margin-right: 0;
  }
  footer {
    height: 144px;
  }
  .footer-wrapper > span {
    display: block;
  }
}

@media all and (min-width: 480px) {

}

@media all and (max-width: 480px) {
  html, body {
    -webkit-overflow-scrolling: touch;
  }

  .fit-screen {
    height: auto;
  }

  .padding-group  {
    padding: 0 28px;
  }
}


/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}