@import url("./css_family.css");
/* line 7, ../scss/responsive.scss */
.menu-btn {
  display: none;
  height: 30px;
  cursor: pointer;
}
/* line 12, ../scss/responsive.scss */
.menu-btn > li {
  width: 25px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  background: #fff;
}
/* line 24, ../scss/responsive.scss */
.menu-btn:hover > li:nth-child(2) {
  width: 20px;
}
/* line 28, ../scss/responsive.scss */
.menu-btn:hover > li:nth-child(3) {
  width: 15px;
}
/* line 34, ../scss/responsive.scss */
.menu-btn.active {
  padding-top: 13px;
}
/* line 38, ../scss/responsive.scss */
.menu-btn.active:hover > li {
  width: 25px !important;
}
/* line 43, ../scss/responsive.scss */
.menu-btn.active > li {
  margin: 0;
}
/* line 46, ../scss/responsive.scss */
.menu-btn.active > li:last-child {
  display: none;
}
/* line 50, ../scss/responsive.scss */
.menu-btn.active > li:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 57, ../scss/responsive.scss */
.menu-btn.active > li:nth-child(2) {
  margin-top: -3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* line 71, ../scss/responsive.scss */
.header.purple .menu-btn > li {
  background: #6b2a6a;
}
/* line 77, ../scss/responsive.scss */
.header.purple .open-menu .lang-nav {
  border-left-color: #fff;
}
/* line 83, ../scss/responsive.scss */
.header.active {
  padding-bottom: 19px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.8);
}
/* line 89, ../scss/responsive.scss */
.header.active.purple a {
  color: #fff;
}
/* line 93, ../scss/responsive.scss */
.header.active.purple .logo {
  background-image: url(../img/common/logo-white.png);
}
/* line 98, ../scss/responsive.scss */
.header.active.purple .menu-btn > li {
  background: #fff;
}
/* line 105, ../scss/responsive.scss */
.header.active.purple .lang-nav a:after {
  background: #fff;
}

/* line 114, ../scss/responsive.scss */
.open-menu {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}
/* line 123, ../scss/responsive.scss */
.open-menu .wrap {
  width: calc(100% - 40px);
  max-width: 750px;
  margin: auto;
  padding: 40px 0 100px;
}
/* line 130, ../scss/responsive.scss */
.open-menu .upper-bar {
  display: flex;
  display: none;
  align-items: center;
}

/* line 138, ../scss/responsive.scss */
.open-nav {
  margin-top: 50px;
}
/* line 141, ../scss/responsive.scss */
.open-nav > li {
  margin-bottom: 25px;
}
/* line 144, ../scss/responsive.scss */
.open-nav > li.has-sub {
  position: relative;
}
/* line 147, ../scss/responsive.scss */
.open-nav > li.has-sub:after {
  content: '\f107';
  font-family: 'fontAwesome';
  font-size: 28px;
  position: absolute;
  top: -3px;
  right: 0;
  margin-left: 20px;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}
/* line 161, ../scss/responsive.scss */
.open-nav > li.has-sub.active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* line 170, ../scss/responsive.scss */
.open-nav > li:last-child {
  margin-bottom: 0;
}
/* line 175, ../scss/responsive.scss */
.open-nav a {
  font-size: 22px;
  letter-spacing: .5px;
}
/* line 180, ../scss/responsive.scss */
.open-nav .open-sub {
  display: none;
  margin: 20px 0 40px;
}
/* line 184, ../scss/responsive.scss */
.open-nav .open-sub > li {
  margin-bottom: 15px;
}
/* line 187, ../scss/responsive.scss */
.open-nav .open-sub > li:last-child {
  margin-bottom: 0;
}
/* line 192, ../scss/responsive.scss */
.open-nav .open-sub a {
  font-size: 18px;
  font-weight: 500 !important;
}

/* line 205, ../scss/responsive.scss */
.home-banner-wrap .square.opacity .square-line:before, .home-banner-wrap .square.opacity .square-line:after {
  background: rgba(107, 42, 106, 0.5);
}
/* line 213, ../scss/responsive.scss */
.home-banner-wrap .square.square-40 .square-line:before {
  height: 40px;
}
/* line 217, ../scss/responsive.scss */
.home-banner-wrap .square.square-40 .square-line:after {
  width: 40px;
}
/* line 222, ../scss/responsive.scss */
.home-banner-wrap .square.square-40 .square-line:first-child:before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  transform: translateX(-40px);
  animation: drawHoriLine40 .2s ease-in .5s forwards;
}
/* line 232, ../scss/responsive.scss */
.home-banner-wrap .square.square-40 .square-line:first-child:after {
  top: 0;
  right: 0;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  animation: drawVertLine40 .2s linear .7s forwards;
}
/* line 244, ../scss/responsive.scss */
.home-banner-wrap .square.square-40 .square-line:last-child:before {
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  animation: drawHoriLine40 .2s linear .9s forwards;
}
/* line 254, ../scss/responsive.scss */
.home-banner-wrap .square.square-40 .square-line:last-child:after {
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  animation: drawVertLine40 .2s ease-out 1.1s forwards;
}
/* line 269, ../scss/responsive.scss */
.home-banner-wrap .square.square-30 .square-line:before {
  height: 30px;
}
/* line 273, ../scss/responsive.scss */
.home-banner-wrap .square.square-30 .square-line:after {
  width: 30px;
}
/* line 278, ../scss/responsive.scss */
.home-banner-wrap .square.square-30 .square-line:first-child:before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  transform: translateX(-30px);
  animation: drawHoriLine30 .2s ease-in .5s forwards;
}
/* line 288, ../scss/responsive.scss */
.home-banner-wrap .square.square-30 .square-line:first-child:after {
  top: 0;
  right: 0;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  animation: drawVertLine30 .2s linear .7s forwards;
}
/* line 300, ../scss/responsive.scss */
.home-banner-wrap .square.square-30 .square-line:last-child:before {
  right: 0;
  bottom: 0;
  -webkit-transform: transformX(30px);
  -ms-transform: transformX(30px);
  -o-transform: transformX(30px);
  transform: transformX(30px);
  animation: drawHoriLine30 .2s linear .9s forwards;
}
/* line 310, ../scss/responsive.scss */
.home-banner-wrap .square.square-30 .square-line:last-child:after {
  bottom: 0;
  left: 0;
  -webkit-transform: transformY(30px);
  -ms-transform: transformY(30px);
  -o-transform: transformY(30px);
  transform: transformY(30px);
  animation: drawVertLine30 .2s ease-out 1.1s forwards;
}
/* line 325, ../scss/responsive.scss */
.home-banner-wrap .square-line:before, .home-banner-wrap .square-line:after {
  content: '';
  position: absolute;
  background: #6b2a6a;
}
/* line 331, ../scss/responsive.scss */
.home-banner-wrap .square-line:before {
  height: 60px;
}
/* line 335, ../scss/responsive.scss */
.home-banner-wrap .square-line:after {
  width: 60px;
}
/* line 340, ../scss/responsive.scss */
.home-banner-wrap .square-line:first-child:before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-60px);
  -ms-transform: translateX(-60px);
  -o-transform: translateX(-60px);
  transform: translateX(-60px);
  animation: drawHoriLine .2s ease-in .5s forwards;
}
/* line 350, ../scss/responsive.scss */
.home-banner-wrap .square-line:first-child:after {
  top: 0;
  right: 0;
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px);
  animation: drawVertLine .2s linear .7s forwards;
}
/* line 362, ../scss/responsive.scss */
.home-banner-wrap .square-line:last-child:before {
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  transform: translateX(60px);
  animation: drawHoriLine .2s linear .9s forwards;
}
/* line 372, ../scss/responsive.scss */
.home-banner-wrap .square-line:last-child:after {
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
  animation: drawVertLine .2s ease-out 1.1s forwards;
}

@media screen and (max-width: 1500px) {
  /* Committees */
  /* line 394, ../scss/responsive.scss */
  .committee-list {
    width: calc(100% + 60px);
    margin-left: -30px;
  }
  /* line 398, ../scss/responsive.scss */
  .committee-list > li {
    padding: 10px 30px;
  }

  /* News Inner */
  /* line 406, ../scss/responsive.scss */
  .article-section .square {
    height: auto;
  }
  /* line 409, ../scss/responsive.scss */
  .article-section .square:after {
    content: '';
    display: block;
    padding-top: 100%;
  }

  /* About */
  /* line 420, ../scss/responsive.scss */
  .five-cols > li {
    width: 25%;
    padding: 0 20px;
  }
  /* line 424, ../scss/responsive.scss */
  .five-cols > li > img {
    max-width: 100%;
    margin: auto;
    flex: 0 0 auto;
    object-fit: scale-down;
  }

  /* Home */
  /* line 436, ../scss/responsive.scss */
  .home-branches-section {
    height: auto !important;
    padding: 50px 0;
  }
  /* line 440, ../scss/responsive.scss */
  .home-branches-section .square {
    width: 320px;
    height: 330px;
  }

  /* line 447, ../scss/responsive.scss */
  .home-banner-wrap .square {
    width: 430px;
    height: 430px;
  }

  /* line 454, ../scss/responsive.scss */
  .home-commu .fourth-layer {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  /* Header */
  /* line 463, ../scss/responsive.scss */
  .header {
    padding: 20px 50px;
  }
  /* line 466, ../scss/responsive.scss */
  .header .logo {
    width: 300px;
    height: auto;
  }
  /* line 470, ../scss/responsive.scss */
  .header .logo:after {
    content: '';
    display: block;
    padding-top: 17%;
  }
}
@media screen and (max-width: 1300px) {
  /* Brands */
  /* line 482, ../scss/responsive.scss */
  .brands-list {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  /* line 486, ../scss/responsive.scss */
  .brands-list > li {
    padding: 0 15px;
  }

  /* Sustain Report */
  /* line 494, ../scss/responsive.scss */
  .branches-block-list > li {
    width: calc(50% - 10px) !important;
    flex-basis: calc(50% - 10px);
  }
  /* line 500, ../scss/responsive.scss */
  .branches-block-list .block {
    padding: 35px 30px 30px 45px;
  }

  /* Vacancies */
  /* line 509, ../scss/responsive.scss */
  .filter-form .right .selectric-wrapper {
    margin: 0 30px 0 0;
  }

  /* Community */
  /* line 519, ../scss/responsive.scss */
  .career-activities-section .second-layer .content-wrap {
    padding: 60px 40px 70px 270px;
  }

  /* Home */
  /* line 528, ../scss/responsive.scss */
  .home .right-wrap {
    padding-left: 50px;
  }

  /* line 533, ../scss/responsive.scss */
  .brand-slider {
    width: calc(100% - 60px);
    margin: auto;
  }

  /* line 539, ../scss/responsive.scss */
  .two-cols > li {
    width: calc(50% - 15px);
  }

  /* line 545, ../scss/responsive.scss */
  .home-career .photo-wrap {
    width: 330px;
    height: 490px;
  }

  /* line 553, ../scss/responsive.scss */
  .home-news .container .left-wrap {
    width: 40%;
  }
  /* line 556, ../scss/responsive.scss */
  .home-news .container .left-wrap .square {
    top: -30px;
    left: 55px;
    width: calc(100% - 55px);
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  /* line 566, ../scss/responsive.scss */
  .home-news .container .left-wrap .square:after {
    content: '';
    display: block;
    padding-top: 100%;
  }
  /* line 573, ../scss/responsive.scss */
  .home-news .container .left-wrap .news-slider {
    width: calc(100% - 55px);
  }
  /* line 578, ../scss/responsive.scss */
  .home-news .container .right-wrap {
    width: 60%;
  }

  /* line 585, ../scss/responsive.scss */
  .news-slide .text-wrap {
    padding: 25px 20px;
  }
  /* line 588, ../scss/responsive.scss */
  .news-slide .text-wrap h3 {
    font-size: 28px;
  }

  /* line 594, ../scss/responsive.scss */
  h5 {
    font-size: 16px;
  }

  /* line 598, ../scss/responsive.scss */
  h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1200px) {
  /* Header */
  /* line 606, ../scss/responsive.scss */
  .header {
    padding: 20px 25px;
  }

  /* line 611, ../scss/responsive.scss */
  .main-nav > li {
    margin-left: 35px;
  }

  /* Footer */
  /* line 618, ../scss/responsive.scss */
  .footer-list-wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  /* line 622, ../scss/responsive.scss */
  .footer-list-wrap > li {
    width: 25%;
    padding: 0 30px 30px 0;
  }

  /* line 628, ../scss/responsive.scss */
  .upper-footer {
    padding: 40px 25px;
  }

  /* line 632, ../scss/responsive.scss */
  .lower-footer {
    padding: 20px 25px;
  }

  /* line 636, ../scss/responsive.scss */
  h2 {
    font-size: 60px;
  }
  /* line 639, ../scss/responsive.scss */
  h2:before {
    top: 10px;
    height: calc(100% - 20px);
  }

  /* Directors */
  /* line 648, ../scss/responsive.scss */
  .square-photo-section .text-wrap {
    padding: 70px 50px 0;
  }

  /* News Inner */
  /* line 656, ../scss/responsive.scss */
  .article-section .text-wrap {
    padding: 65px 30px 65px 0;
  }

  /* About */
  /* line 665, ../scss/responsive.scss */
  .four-cols.value-list > li {
    border-width: 15px;
  }

  /* Awards */
  /* line 675, ../scss/responsive.scss */
  .block-list.act-list .block {
    padding: 15px 30px;
  }
  /* line 679, ../scss/responsive.scss */
  .block-list.act-list h4 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  /* line 688, ../scss/responsive.scss */
  .awards-list-section .block-list .logo-wrap {
    width: 150px;
  }
  /* line 692, ../scss/responsive.scss */
  .awards-list-section .block-list .detail-wrap {
    width: calc(100% - 150px);
  }

  /* IR Information */
  /* line 701, ../scss/responsive.scss */
  .ir-information .info-section {
    padding: 40px 40px 0 0;
  }

  /* Brands Detail */
  /* line 708, ../scss/responsive.scss */
  .brand-intro-list {
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    align-items: flex-start;
  }
  /* line 715, ../scss/responsive.scss */
  .brand-intro-list > li {
    margin-bottom: 15px;
    padding: 0;
    border-right: 0;
  }
  /* line 720, ../scss/responsive.scss */
  .brand-intro-list > li:last-child {
    margin-bottom: 0;
  }

  /* Community */
  /* line 730, ../scss/responsive.scss */
  .career-activities-section .second-layer .content-wrap {
    padding: 50px 40px 60px 320px;
  }

  /* Business */
  /* line 739, ../scss/responsive.scss */
  .number-list h1 {
    font-size: 120px;
  }
}
@media screen and (max-width: 1100px) {
  /* Header */
  /* line 748, ../scss/responsive.scss */
  .main-nav {
    display: none;
  }

  /* line 752, ../scss/responsive.scss */
  .right-header {
    display: flex;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  /* line 760, ../scss/responsive.scss */
  .upper-header {
    width: 100%;
    margin-bottom: 15px;
  }

  /* line 765, ../scss/responsive.scss */
  .menu-btn {
    display: block;
  }

  /* Business */
  /* line 772, ../scss/responsive.scss */
  .number-list .square {
    left: calc(50% - 135px);
    width: 270px;
    height: 270px;
  }
  /* line 780, ../scss/responsive.scss */
  .number-list .text-wrap h1 .small-span {
    font-size: 50px;
  }

  /* line 787, ../scss/responsive.scss */
  .white-container {
    padding: 25px 30px 75px;
  }

  /* Mainland */
  /* line 793, ../scss/responsive.scss */
  .small-nav-slider {
    display: none;
  }

  /* Sustain Report */
  /* line 800, ../scss/responsive.scss */
  .branches-block-list .block {
    padding: 25px 20px 20px 35px;
  }

  /* line 806, ../scss/responsive.scss */
  .report-list .content-wrap {
    padding-left: 25px;
  }

  /* Sustainability */
  /* line 814, ../scss/responsive.scss */
  .principle-list-wrap .left-wrap {
    padding-right: 15px;
  }
  /* line 818, ../scss/responsive.scss */
  .principle-list-wrap .right-wrap {
    padding-left: 15px;
  }

  /* Awards */
  /* line 825, ../scss/responsive.scss */
  .awards-list {
    padding: 15px 0 !important;
  }

  /* Ir */
  /* line 831, ../scss/responsive.scss */
  .sq_main_title {
    padding: 70px 20px 30px;
  }

  /* line 835, ../scss/responsive.scss */
  .shareinfo-list {
    padding: 0 20px;
  }

  /* Career */
  /* line 843, ../scss/responsive.scss */
  .text-list-section .container .text-wrap {
    padding-right: 15px;
  }
  /* line 847, ../scss/responsive.scss */
  .text-list-section .container .list-wrap {
    padding-left: 15px;
  }

  /* line 853, ../scss/responsive.scss */
  .business-intro-section {
    padding: 80px 0 60px;
  }

  /* Home */
  /* line 863, ../scss/responsive.scss */
  .in-view .square.opacity .square-line:before, .in-view .square.opacity .square-line:after {
    background: rgba(107, 42, 106, 0.5);
  }
  /* line 871, ../scss/responsive.scss */
  .in-view .square.square-40 .square-line:before {
    height: 40px;
  }
  /* line 875, ../scss/responsive.scss */
  .in-view .square.square-40 .square-line:after {
    width: 40px;
  }
  /* line 880, ../scss/responsive.scss */
  .in-view .square.square-40 .square-line:first-child:before {
    top: 0;
    left: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    animation: drawHoriLine40 .2s ease-in .5s forwards;
  }
  /* line 890, ../scss/responsive.scss */
  .in-view .square.square-40 .square-line:first-child:after {
    top: 0;
    right: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    animation: drawVertLine40 .2s linear .7s forwards;
  }
  /* line 902, ../scss/responsive.scss */
  .in-view .square.square-40 .square-line:last-child:before {
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    animation: drawHoriLine40 .2s linear .9s forwards;
  }
  /* line 912, ../scss/responsive.scss */
  .in-view .square.square-40 .square-line:last-child:after {
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    animation: drawVertLine40 .2s ease-out 1.1s forwards;
  }
  /* line 927, ../scss/responsive.scss */
  .in-view .square.square-30 .square-line:before {
    height: 30px;
  }
  /* line 931, ../scss/responsive.scss */
  .in-view .square.square-30 .square-line:after {
    width: 30px;
  }
  /* line 936, ../scss/responsive.scss */
  .in-view .square.square-30 .square-line:first-child:before {
    top: 0;
    left: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    animation: drawHoriLine30 .2s ease-in .5s forwards;
  }
  /* line 946, ../scss/responsive.scss */
  .in-view .square.square-30 .square-line:first-child:after {
    top: 0;
    right: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    animation: drawVertLine30 .2s linear .7s forwards;
  }
  /* line 958, ../scss/responsive.scss */
  .in-view .square.square-30 .square-line:last-child:before {
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
    animation: drawHoriLine30 .2s linear .9s forwards;
  }
  /* line 968, ../scss/responsive.scss */
  .in-view .square.square-30 .square-line:last-child:after {
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    animation: drawVertLine30 .2s ease-out 1.1s forwards;
  }
  /* line 983, ../scss/responsive.scss */
  .in-view .square-line:before, .in-view .square-line:after {
    content: '';
    position: absolute;
    background: #6b2a6a;
  }
  /* line 989, ../scss/responsive.scss */
  .in-view .square-line:before {
    height: 60px;
  }
  /* line 993, ../scss/responsive.scss */
  .in-view .square-line:after {
    width: 60px;
  }
  /* line 998, ../scss/responsive.scss */
  .in-view .square-line:first-child:before {
    top: 0;
    left: 0;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    animation: drawHoriLine .2s ease-in .5s forwards;
  }
  /* line 1008, ../scss/responsive.scss */
  .in-view .square-line:first-child:after {
    top: 0;
    right: 0;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    animation: drawVertLine .2s linear .7s forwards;
  }
  /* line 1020, ../scss/responsive.scss */
  .in-view .square-line:last-child:before {
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    animation: drawHoriLine .2s linear .9s forwards;
  }
  /* line 1030, ../scss/responsive.scss */
  .in-view .square-line:last-child:after {
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    animation: drawVertLine .2s ease-out 1.1s forwards;
  }

  /* line 1043, ../scss/responsive.scss */
  .home-slider {
    height: 100vh;
  }

  /* line 1048, ../scss/responsive.scss */
  .home-banner-wrap .banner {
    height: 100vh;
  }
  /* line 1052, ../scss/responsive.scss */
  .home-banner-wrap .content-wrap {
    min-height: calc(100vh + 1px);
  }

  /* line 1058, ../scss/responsive.scss */
  .home-about .left-wrap {
    width: 45%;
  }
  /* line 1062, ../scss/responsive.scss */
  .home-about .right-wrap {
    width: 55%;
  }

  /* line 1067, ../scss/responsive.scss */
  .home-brands-section {
    min-height: inherit;
    padding: 100px 0;
  }
  /* line 1071, ../scss/responsive.scss */
  .home-brands-section:before {
    display: none;
  }

  /* line 1076, ../scss/responsive.scss */
  .home-news {
    padding: 150px 0;
  }
  /* line 1079, ../scss/responsive.scss */
  .home-news .container {
    min-height: inherit;
  }
  /* line 1082, ../scss/responsive.scss */
  .home-news .container:before {
    display: none;
  }

  /* line 1088, ../scss/responsive.scss */
  .home-ir {
    padding: 100px 0;
  }

  /* line 1093, ../scss/responsive.scss */
  .home-commu .third-layer {
    padding: 100px 0 250px;
  }
  /* line 1097, ../scss/responsive.scss */
  .home-commu .third-layer .content-wrap .left-wrap {
    width: 35%;
    padding: 0;
  }
  /* line 1102, ../scss/responsive.scss */
  .home-commu .third-layer .content-wrap .right-wrap {
    width: calc(65% + 70px);
    margin-left: -70px;
    padding: 0;
  }
  /* line 1109, ../scss/responsive.scss */
  .home-commu .third-layer .square-photo-wrap {
    width: calc(100% - 20px);
    margin: auto;
  }

  /* line 1116, ../scss/responsive.scss */
  .home-career {
    height: auto;
    padding: 150px 0;
  }
  /* line 1120, ../scss/responsive.scss */
  .home-career .content-wrap {
    height: auto;
  }
  /* line 1124, ../scss/responsive.scss */
  .home-career .content-wrap .text-wrap p {
    max-width: 290px;
  }
}
@media screen and (max-width: 992px) {
  /* Header */
  /* line 1136, ../scss/responsive.scss */
  .header .logo {
    width: 250px;
  }

  /* Brands */
  /* line 1144, ../scss/responsive.scss */
  .four-cols > li {
    width: calc(100% / 3);
  }

  /* line 1150, ../scss/responsive.scss */
  .brands-list .block {
    padding: 0 !important;
  }

  /* Directors */
  /* line 1158, ../scss/responsive.scss */
  .block-list .block {
    flex-direction: column;
    padding: 30px;
  }
  /* line 1163, ../scss/responsive.scss */
  .block-list .text-wrap {
    width: 100%;
    padding: 30px 0 0 0;
  }
  /* line 1168, ../scss/responsive.scss */
  .block-list .photo-wrap {
    margin: auto;
  }
  /* line 1172, ../scss/responsive.scss */
  .block-list .block-head {
    text-align: center;
    border-left: 0;
  }

  /* line 1179, ../scss/responsive.scss */
  .block-list .block {
    padding: 30px 20px;
  }

  /* line 1185, ../scss/responsive.scss */
  .square-photo-section .square-photo-container {
    width: 100%;
    max-width: 400px;
  }
  /* line 1190, ../scss/responsive.scss */
  .square-photo-section .text-wrap {
    width: calc(100% - 400px);
  }

  /* Committees */
  /* line 1198, ../scss/responsive.scss */
  .three-cols > li {
    width: 50%;
  }
  /* line 1204, ../scss/responsive.scss */
  .three-cols.committees-list > li:nth-child(odd) {
    border-right: 1px solid rgba(76, 76, 76, 0.5) !important;
  }
  /* line 1208, ../scss/responsive.scss */
  .three-cols.committees-list > li:nth-child(even) {
    border-right: none !important;
  }
  /* line 1212, ../scss/responsive.scss */
  .three-cols.committees-list > li:last-child {
    border-right: none !important;
  }

  /* line 1220, ../scss/responsive.scss */
  h4.larger {
    font-size: 25px;
  }

  /* Business */
  /* line 1227, ../scss/responsive.scss */
  .number-list {
    flex-wrap: wrap;
  }
  /* line 1230, ../scss/responsive.scss */
  .number-list > li {
    margin: 0 50px 30px;
  }

  /* line 1236, ../scss/responsive.scss */
  .branch-info-section .content-wrap {
    flex-direction: column;
  }
  /* line 1239, ../scss/responsive.scss */
  .branch-info-section .content-wrap .info-section {
    width: 100%;
  }
  /* line 1243, ../scss/responsive.scss */
  .branch-info-section .content-wrap .map {
    width: 100%;
    height: 400px;
    margin: 0 0 30px 0;
  }

  /* line 1251, ../scss/responsive.scss */
  .selectric-wrapper {
    width: 300px;
  }

  /* Sustain Report */
  /* line 1259, ../scss/responsive.scss */
  .block-list.report-list .block {
    flex-direction: row;
    padding: 25px 20px 20px 35px;
  }

  /* line 1266, ../scss/responsive.scss */
  .branches-block-list {
    padding: 15px 0 0;
  }

  /* Vacancies */
  /* line 1273, ../scss/responsive.scss */
  .filter-form > li {
    display: block;
    margin-bottom: 30px;
  }
  /* line 1278, ../scss/responsive.scss */
  .filter-form .left {
    width: 100%;
    margin-bottom: 15px;
  }
  /* line 1283, ../scss/responsive.scss */
  .filter-form .right {
    width: 100%;
  }

  /* line 1288, ../scss/responsive.scss */
  .expand-title {
    padding: 30px;
  }

  /* line 1292, ../scss/responsive.scss */
  .expand-part {
    padding: 45px 30px;
  }

  /* News */
  /* line 1299, ../scss/responsive.scss */
  .event-list > li {
    width: calc(100% / 3 - 20px);
  }

  /* News Inner */
  /* line 1307, ../scss/responsive.scss */
  .article-section > .container {
    flex-direction: column;
  }
  /* line 1311, ../scss/responsive.scss */
  .article-section .text-wrap {
    width: 100%;
    padding: 0 0 70px 0;
  }
  /* line 1316, ../scss/responsive.scss */
  .article-section .slider-wrap {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }

  /* About */
  /* line 1325, ../scss/responsive.scss */
  .value-list {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 1329, ../scss/responsive.scss */
  .value-list > li {
    width: 50%;
    max-width: 320px;
  }
  /* line 1334, ../scss/responsive.scss */
  .value-list h4 {
    font-size: 25px !important;
  }

  /* Awards */
  /* line 1343, ../scss/responsive.scss */
  .act-list.block-list .block {
    flex-direction: row;
  }

  /* IR Information */
  /* line 1352, ../scss/responsive.scss */
  .ir-information .info-section {
    padding: 0;
  }
  /* line 1357, ../scss/responsive.scss */
  .ir-information .branch-info-section .content-wrap {
    flex-direction: column-reverse;
  }
  /* line 1362, ../scss/responsive.scss */
  .ir-information .map {
    width: 100% !important;
    height: 350px;
    margin-bottom: 30px !important;
  }

  /* Ir */
  /* line 1371, ../scss/responsive.scss */
  .sq_main_title {
    padding: 70px 0 30px;
  }
  /* line 1375, ../scss/responsive.scss */
  .sq_main_title h3.down {
    font-size: 30px;
  }
  /* line 1380, ../scss/responsive.scss */
  .sq_main_title h1 {
    font-size: 30px;
  }

  /* line 1385, ../scss/responsive.scss */
  .shareinfo-list {
    padding: 0;
  }

  /* Brands Detail */
  /* line 1392, ../scss/responsive.scss */
  .brand-gallery-slide-wrapper:not(.slick-current) {
    width: 30vw;
  }
  /* line 1396, ../scss/responsive.scss */
  .brand-gallery-slide-wrapper.slick-current {
    width: 50vw;
  }

  /* line 1402, ../scss/responsive.scss */
  .brand-gallery-slider .slick-prev {
    left: calc(50% - 30vw + 80px);
  }
  /* line 1406, ../scss/responsive.scss */
  .brand-gallery-slider .slick-next {
    right: calc(50% - 30vw + 80px);
  }

  /* Community */
  /* line 1414, ../scss/responsive.scss */
  .career-activities-section .first-layer {
    width: 100%;
  }
  /* line 1417, ../scss/responsive.scss */
  .career-activities-section .first-layer img {
    top: 0;
    bottom: auto;
    left: 0;
    width: 200px;
  }
  /* line 1424, ../scss/responsive.scss */
  .career-activities-section .first-layer .color-bg {
    display: none;
  }
  /* line 1428, ../scss/responsive.scss */
  .career-activities-section .first-layer .photo-layer {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  /* line 1437, ../scss/responsive.scss */
  .career-activities-section .first-layer .photo-layer .square {
    left: 50%;
    transform: translate(-50%, 0);
  }
  /* line 1443, ../scss/responsive.scss */
  .career-activities-section .first-layer .feature-slider {
    margin: auto;
  }
  /* line 1449, ../scss/responsive.scss */
  .career-activities-section .layers-wrap {
    flex-direction: column;
    padding: 70px 0 280px 0;
  }
  /* line 1454, ../scss/responsive.scss */
  .career-activities-section .second-layer {
    width: 100%;
    margin-top: -150px;
    margin-left: 0;
  }
  /* line 1459, ../scss/responsive.scss */
  .career-activities-section .second-layer .content-wrap {
    padding: 150px 40px 60px;
  }

  /* Career */
  /* line 1468, ../scss/responsive.scss */
  .text-list-section .container {
    flex-direction: column;
  }
  /* line 1471, ../scss/responsive.scss */
  .text-list-section .container .text-wrap {
    width: 100%;
    padding: 0 !important;
  }
  /* line 1476, ../scss/responsive.scss */
  .text-list-section .container .list-wrap {
    width: 100%;
    padding: 50px 0 0 0 !important;
  }

  /* Home */
  /* line 1485, ../scss/responsive.scss */
  h1 {
    font-size: 110px;
  }

  /* line 1492, ../scss/responsive.scss */
  #global-container.chinese .home-banner h3 {
    font-size: 40px;
  }

  /* line 1500, ../scss/responsive.scss */
  .home-banner-wrap .square {
    width: 380px;
    height: 380px;
  }

  /* line 1507, ../scss/responsive.scss */
  .home-about .container {
    flex-direction: column-reverse;
  }
  /* line 1511, ../scss/responsive.scss */
  .home-about .container:before {
    display: none;
  }
  /* line 1516, ../scss/responsive.scss */
  .home-about .left-wrap {
    width: 100%;
  }
  /* line 1520, ../scss/responsive.scss */
  .home-about .right-wrap {
    width: 100%;
    padding: 0 0 70px 0 !important;
  }
  /* line 1525, ../scss/responsive.scss */
  .home-about .square-photo-list {
    flex-direction: row;
    justify-content: center;
  }
  /* line 1530, ../scss/responsive.scss */
  .home-about .square-photo-list > li {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 50px 30px 0 !important;
  }
  /* line 1536, ../scss/responsive.scss */
  .home-about .square-photo-list .square {
    top: 30px !important;
    left: 30px !important;
  }
  /* line 1540, ../scss/responsive.scss */
  .home-about .square-photo-list .square:after {
    padding-top: 100% !important;
  }

  /* line 1548, ../scss/responsive.scss */
  .home-brands-section .brand-slider {
    margin-top: 30px;
  }

  /* line 1554, ../scss/responsive.scss */
  .brand-slide .logo-wrap {
    padding: 0 20px;
  }

  /* line 1560, ../scss/responsive.scss */
  .home .right-wrap {
    padding-left: 30px;
  }

  /* line 1567, ../scss/responsive.scss */
  .home-commu .third-layer .content-wrap {
    flex-direction: column;
  }
  /* line 1570, ../scss/responsive.scss */
  .home-commu .third-layer .content-wrap .left-wrap {
    z-index: 5;
    width: 100%;
    max-width: 400px;
  }
  /* line 1576, ../scss/responsive.scss */
  .home-commu .third-layer .content-wrap .right-wrap {
    width: 100%;
    margin: -50px 0 0 0;
  }

  /* line 1584, ../scss/responsive.scss */
  .purple-block {
    padding: 100px 35px 50px;
  }

  /* line 1588, ../scss/responsive.scss */
  .home-career {
    padding: 100px 0 80px;
  }
  /* line 1592, ../scss/responsive.scss */
  .home-career .content-wrap .text-wrap {
    width: 100%;
  }
  /* line 1595, ../scss/responsive.scss */
  .home-career .content-wrap .text-wrap p {
    width: 100%;
    max-width: inherit;
  }
  /* line 1602, ../scss/responsive.scss */
  .home-career .photo-wrap {
    position: relative;
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 50px auto 0;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  /* line 1613, ../scss/responsive.scss */
  .home-career .photo-wrap:after {
    content: '';
    display: block;
    padding-top: 45%;
  }
  /* line 1620, ../scss/responsive.scss */
  .home-career .bg-wrap {
    opacity: .3;
  }
  /* line 1623, ../scss/responsive.scss */
  .home-career .bg-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  }
}
@media screen and (max-width: 830px) {
  /* Directors */
  /* line 1643, ../scss/responsive.scss */
  .square-photo-section {
    flex-direction: column-reverse !important;
  }
  /* line 1646, ../scss/responsive.scss */
  .square-photo-section .text-wrap {
    width: calc(100% - 40px);
    margin: auto;
    padding: 0 0 70px 0;
  }
  /* line 1652, ../scss/responsive.scss */
  .square-photo-section .square {
    left: -40px;
  }
  /* line 1656, ../scss/responsive.scss */
  .square-photo-section.reverse {
    flex-direction: column;
  }
  /* line 1659, ../scss/responsive.scss */
  .square-photo-section.reverse .square {
    right: auto;
    left: -40px;
  }

  /* line 1669, ../scss/responsive.scss */
  .brands-detail.brands-right .square-photo-section .square {
    right: auto;
    left: -100px;
  }

  /* Food */
  /* line 1680, ../scss/responsive.scss */
  .full-photo:after {
    padding-top: 45%;
  }

  /* Business */
  /* line 1689, ../scss/responsive.scss */
  .branch-info-section .content-wrap .map {
    height: 350px;
  }

  /* line 1696, ../scss/responsive.scss */
  .number-list > li {
    margin: 0 0 30px 0 !important;
  }

  /* Sustain Report */
  /* line 1704, ../scss/responsive.scss */
  .branches-block-list > li {
    width: 100% !important;
    max-width: 500px;
    margin: 0 auto 30px !important;
    flex-basis: 100%;
  }

  /* Vacancies */
  /* line 1716, ../scss/responsive.scss */
  .expand-title h4 {
    font-size: 22px;
    padding-right: 20px;
  }

  /* line 1722, ../scss/responsive.scss */
  .expand-btn {
    height: 20px;
    margin-top: 3px;
  }

  /* Milestones */
  /* line 1730, ../scss/responsive.scss */
  .milestones-list > li {
    flex-direction: column !important;
  }
  /* line 1733, ../scss/responsive.scss */
  .milestones-list > li:before {
    z-index: -1;
    opacity: .3;
  }
  /* line 1739, ../scss/responsive.scss */
  .milestones-list .photo-wrap {
    width: 100%;
    padding: 0 !important;
  }
  /* line 1743, ../scss/responsive.scss */
  .milestones-list .photo-wrap .photo {
    width: 100%;
    max-width: 500px;
    margin: 80px auto 50px;
  }
  /* line 1750, ../scss/responsive.scss */
  .milestones-list .text-wrap {
    width: 100%;
    padding: 0 !important;
    text-align: center !important;
  }
  /* line 1758, ../scss/responsive.scss */
  .milestones-list h4.larger:not(.year) {
    margin-bottom: 10px;
  }

  /* Ir */
  /* line 1767, ../scss/responsive.scss */
  .shareinfo-list {
    margin: 50px auto 0;
  }
  /* line 1770, ../scss/responsive.scss */
  .shareinfo-list li {
    width: calc(100% / 3);
  }

  /* Press */
  /* line 1778, ../scss/responsive.scss */
  .more-act-section .act-list {
    padding: 10px;
  }

  /* Announcement */
  /* line 1786, ../scss/responsive.scss */
  .tab-list > li {
    min-width: 262px;
    padding: 15px 40px;
  }

  /* Brands Detail */
  /* line 1794, ../scss/responsive.scss */
  .branches-block-list {
    padding: 15px 10px 0;
  }

  /* Home */
  /* line 1801, ../scss/responsive.scss */
  .home-news .container {
    flex-direction: column-reverse;
  }
  /* line 1804, ../scss/responsive.scss */
  .home-news .container .left-wrap {
    width: 100%;
    max-width: 500px;
    margin-top: 80px;
  }
  /* line 1809, ../scss/responsive.scss */
  .home-news .container .left-wrap .news-slider {
    width: calc(100% - 30px);
    margin: 0;
  }
  /* line 1815, ../scss/responsive.scss */
  .home-news .container .right-wrap {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  /* Footer */
  /* line 1826, ../scss/responsive.scss */
  .upper-footer {
    display: none;
  }

  /* line 1830, ../scss/responsive.scss */
  .lower-footer {
    flex-direction: column;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  /* line 1835, ../scss/responsive.scss */
  .lower-footer .sent {
    margin-bottom: 4px;
  }

  /* Brands */
  /* line 1843, ../scss/responsive.scss */
  .four-cols > li {
    width: 50%;
  }

  /* Business */
  /* line 1850, ../scss/responsive.scss */
  .filter-wrap {
    flex-direction: column;
  }
  /* line 1853, ../scss/responsive.scss */
  .filter-wrap .selectric-wrapper {
    margin: 0 auto 10px;
  }
  /* line 1856, ../scss/responsive.scss */
  .filter-wrap .selectric-wrapper:last-child {
    margin-bottom: 0;
  }

  /* Sustainability */
  /* line 1864, ../scss/responsive.scss */
  .principle-list-wrap {
    flex-direction: column;
  }
  /* line 1867, ../scss/responsive.scss */
  .principle-list-wrap .left-wrap {
    width: 100%;
    padding: 0;
  }
  /* line 1872, ../scss/responsive.scss */
  .principle-list-wrap .right-wrap {
    width: 100%;
    padding: 50px 0 0 0;
  }

  /* Vacancies */
  /* line 1881, ../scss/responsive.scss */
  .filter-form .right {
    display: block;
  }
  /* line 1884, ../scss/responsive.scss */
  .filter-form .right .selectric-wrapper {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }

  /* line 1891, ../scss/responsive.scss */
  .expand-title {
    padding: 25px 20px;
  }

  /* line 1895, ../scss/responsive.scss */
  .expand-part {
    padding: 40px 20px;
  }

  /* News */
  /* line 1902, ../scss/responsive.scss */
  .event-list > li {
    width: calc(50% - 20px);
  }

  /* About */
  /* line 1910, ../scss/responsive.scss */
  .two-cols > li {
    width: calc(50% - 15px);
  }

  /* line 1915, ../scss/responsive.scss */
  .five-cols {
    flex-wrap: wrap;
  }
  /* line 1918, ../scss/responsive.scss */
  .five-cols > li {
    width: calc(100% / 3 - 1px);
    margin-bottom: 30px;
  }
  /* line 1922, ../scss/responsive.scss */
  .five-cols > li:nth-child(3n) {
    border-right-width: 0;
  }

  /* Awards */
  /* line 1932, ../scss/responsive.scss */
  .act-list.block-list .block {
    flex-direction: column;
    padding: 30px 20px;
  }

  /* line 1941, ../scss/responsive.scss */
  .awards-list-section .block-list .logo-wrap {
    width: 100%;
    max-width: 150px;
  }
  /* line 1946, ../scss/responsive.scss */
  .awards-list-section .block-list .detail-wrap {
    width: 100%;
    padding: 30px 0 0;
  }

  /* Ir */
  /* line 1955, ../scss/responsive.scss */
  .sq_main_title {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 1961, ../scss/responsive.scss */
  .sq_main_title .stock_quote_block:last-child {
    margin-top: 5px;
  }

  /* Community */
  /* line 1971, ../scss/responsive.scss */
  .career-activities-section .first-layer img {
    display: none;
  }

  /* line 1977, ../scss/responsive.scss */
  h3 {
    font-size: 28px;
  }

  /* Home */
  /* line 1984, ../scss/responsive.scss */
  .home-branches-section h1 {
    font-size: 170px;
  }
  /* line 1988, ../scss/responsive.scss */
  .home-branches-section .square {
    width: calc(100% - 40px);
    max-width: 300px;
    height: auto;
  }
  /* line 1993, ../scss/responsive.scss */
  .home-branches-section .square:after {
    content: '';
    display: block;
    padding-top: 100%;
  }

  /* line 2003, ../scss/responsive.scss */
  .home-ir .two-cols > li {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  /* Header */
  /* line 2014, ../scss/responsive.scss */
  .header .logo {
    width: 220px;
  }

  /* Brands */
  /* line 2021, ../scss/responsive.scss */
  h2 {
    font-size: 52px;
  }
  /* line 2024, ../scss/responsive.scss */
  h2:before {
    top: 5px;
    height: calc(100% - 10px);
  }

  /* line 2030, ../scss/responsive.scss */
  .page-banner {
    height: 450px;
  }
.home-banner-wrap .banner {
    background-size: cover;
}
  /* Committees */
  /* line 2037, ../scss/responsive.scss */
  .three-cols > li {
    width: 100%;
    padding: 10px 0;
  }
  /* line 2041, ../scss/responsive.scss */
  .three-cols > li:nth-child(odd), .three-cols > li:nth-child(even) {
    border-right: none !important;
  }

  /* line 2047, ../scss/responsive.scss */
  .committee-list {
    width: 100%;
    margin-left: 0;
  }

  /* line 2053, ../scss/responsive.scss */
  .committee-kind-list > li {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }

  /* Business */
  /* line 2063, ../scss/responsive.scss */
  .branch-info-section .content-wrap .map {
    height: 300px;
  }
  /* line 2068, ../scss/responsive.scss */
  .branch-info-section .content-wrap .block-list .block {
    padding: 30px 25px 20px;
  }

  /* line 2075, ../scss/responsive.scss */
  .white-container {
    padding: 25px 20px 75px;
  }

  /* News */
  /* line 2081, ../scss/responsive.scss */
  .border-btn {
    padding: 12px 25px;
  }

  /* line 2086, ../scss/responsive.scss */
  .pager-wrap .border-btn {
    min-width: 135px;
  }
  /* line 2090, ../scss/responsive.scss */
  .pager-wrap .pager {
    margin: 0 25px;
  }

  /* About */
  /* line 2097, ../scss/responsive.scss */
  .vision-cols {
    flex-direction: column;
  }
  /* line 2100, ../scss/responsive.scss */
  .vision-cols > li {
    width: 100%;
    margin-bottom: 50px;
  }
  /* line 2105, ../scss/responsive.scss */
  .vision-cols .square-photo-wrap {
    max-width: 400px;
    margin: auto;
  }

  /* line 2111, ../scss/responsive.scss */
  .five-cols {
    flex-wrap: wrap;
  }
  /* line 2114, ../scss/responsive.scss */
  .five-cols > li {
    width: 50%;
    margin-bottom: 30px;
  }
  /* line 2118, ../scss/responsive.scss */
  .five-cols > li:nth-child(3n) {
    border-right-width: 1px;
  }
  /* line 2122, ../scss/responsive.scss */
  .five-cols > li:nth-child(even) {
    border-right-width: 0;
  }

  /* Awards */
  /* line 2131, ../scss/responsive.scss */
  .more-act-section .white-container {
    padding: 75px 20px;
  }

  /* IR Information */
  /* line 2139, ../scss/responsive.scss */
  .ir-information .white-container {
    padding: 40px 30px 60px;
  }
  /* line 2144, ../scss/responsive.scss */
  .ir-information .info-section:before {
    right: 0;
    bottom: -30px;
    width: 145px;
    height: 135px;
    background-image: url(../img/other/logo-beige-opacity.png);
  }

  /* Ir */
  /* line 2157, ../scss/responsive.scss */
  .shareinfo-list li {
    width: 50%;
  }

  /* line 2163, ../scss/responsive.scss */
  .sq_main_title .stock_quote_block {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 2169, ../scss/responsive.scss */
  .sq_main_title .down {
    margin-bottom: 5px;
  }

  /* Press */
  /* line 2177, ../scss/responsive.scss */
  .ir-page .white-container {
    padding: 30px 10px 75px;
  }

  /* Announcement */
  /* line 2184, ../scss/responsive.scss */
  .tab-list {
    flex-direction: column;
  }

  /* Brands Detail */
  /* line 2191, ../scss/responsive.scss */
  .brand-gallery-slide-wrapper.slick-current {
    width: 100vw;
  }
  /* line 2195, ../scss/responsive.scss */
  .brand-gallery-slide-wrapper:not(.slick-current) {
    width: 70vw;
  }

  /* line 2201, ../scss/responsive.scss */
  .brand-gallery-slider .slick-prev {
    left: 30px;
  }
  /* line 2205, ../scss/responsive.scss */
  .brand-gallery-slider .slick-next {
    right: 30px;
  }

  /* Community */
  /* line 2214, ../scss/responsive.scss */
  .career-activities-section .second-layer .content-wrap {
    padding: 160px 20px 60px;
  }

  /* Home */
  /* line 2223, ../scss/responsive.scss */
  .home-about .square-photo-list {
    flex-wrap: wrap;
  }
  /* line 2226, ../scss/responsive.scss */
  .home-about .square-photo-list > li {
    margin: 0 30px 50px 0 !important;
  }
  /* line 2229, ../scss/responsive.scss */
  .home-about .square-photo-list > li:last-child {
    display: none;
  }

  /* line 2237, ../scss/responsive.scss */
  .home-commu .third-layer {
    padding: 100px 0 150px;
  }

  /* line 2244, ../scss/responsive.scss */
  .home-career .photo-wrap:after {
    padding-top: 55%;
  }
}
@media screen and (max-width: 480px) {
  /* Header */
  /* line 2254, ../scss/responsive.scss */
  .header {
    padding: 15px 20px;
  }
  /* line 2257, ../scss/responsive.scss */
  .header.active {
    padding-bottom: 14px;
  }

  /* line 2262, ../scss/responsive.scss */
  .upper-header {
    display: none;
  }

  /* line 2267, ../scss/responsive.scss */
  .open-menu .upper-bar {
    display: flex;
  }

  /* Brands */
  /* line 2275, ../scss/responsive.scss */
  .four-cols > li {
    width: 100%;
  }

  /* line 2280, ../scss/responsive.scss */
  .brands-list {
    width: 100%;
    margin-left: 0;
  }
  /* line 2284, ../scss/responsive.scss */
  .brands-list > li {
    padding: 0;
  }

  /* line 2289, ../scss/responsive.scss */
  h2 {
    font-size: 42px;
  }

  /* line 2293, ../scss/responsive.scss */
  .page-banner {
    height: 400px;
  }

  /* Sustain Report */
  /* line 2301, ../scss/responsive.scss */
  .block-list.report-list .block {
    flex-direction: column;
    padding: 25px 20px;
  }
  /* line 2306, ../scss/responsive.scss */
  .block-list.report-list .content-wrap {
    width: 100%;
    padding: 30px 0 0 0;
    text-align: center;
  }
  /* line 2312, ../scss/responsive.scss */
  .block-list.report-list .book-cover {
    width: 100%;
    max-width: 150px;
  }

  /* line 2320, ../scss/responsive.scss */
  .branch-location-section .white-container {
    padding: 25px 20px 75px;
  }

  /* News */
  /* line 2327, ../scss/responsive.scss */
  .event-list {
    width: 100%;
    margin-left: 0;
  }
  /* line 2331, ../scss/responsive.scss */
  .event-list > li {
    width: 100%;
    margin: 0 0 25px;
  }
  /* line 2336, ../scss/responsive.scss */
  .event-list .text-wrap {
    padding: 30px 20px 50px;
  }
  /* line 2339, ../scss/responsive.scss */
  .event-list .text-wrap p {
    height: auto !important;
  }

  /* line 2345, ../scss/responsive.scss */
  .pager-wrap {
    flex-direction: column;
    margin-top: 40px;
  }

  /* News Inner */
  /* line 2353, ../scss/responsive.scss */
  .article-section .news-slider {
    width: calc(100% - 20px);
    margin: 20px auto 0 0;
  }
  /* line 2357, ../scss/responsive.scss */
  .article-section .news-slider .slick-prev {
    left: 0;
  }
  /* line 2361, ../scss/responsive.scss */
  .article-section .news-slider .slick-next {
    right: 0;
  }

  /* line 2368, ../scss/responsive.scss */
  .slick-dots li {
    margin: 0 20px;
  }

  /* Home */
  /* line 2376, ../scss/responsive.scss */
  .home-banner-wrap .square {
    left: 50%;
    width: calc(100% - 40px);
    max-width: 380px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* line 2386, ../scss/responsive.scss */
  .home-banner-wrap .square:after {
    content: '';
    display: block;
    padding-top: 100%;
  }
  /* line 2395, ../scss/responsive.scss */
  .home-banner-wrap .content-wrap .text-wrap h3 {
    margin-top: -10px;
  }

  /* line 2402, ../scss/responsive.scss */
  h1 {
    font-size: 85px;
  }

  /* line 2409, ../scss/responsive.scss */
  #global-container.chinese .home-banner h3 {
    font-size: 38px;
  }

  /* line 2416, ../scss/responsive.scss */
  .purple-block {
    padding: 100px 20px 50px;
  }
}
@media screen and (max-width: 400px) {
  /* Food */
  /* line 2425, ../scss/responsive.scss */
  .full-photo:after {
    padding-top: 55%;
  }

  /* line 2430, ../scss/responsive.scss */
  .page-banner {
    height: 280px;
  }

  /* Business */
  /* line 2436, ../scss/responsive.scss */
  .selectric-wrapper {
    width: 240px;
  }

  /* Sustainability */
  /* line 2444, ../scss/responsive.scss */
  #global-container.chinese h2 {
    font-size: 35px;
  }

  /* IR Information */
  /* line 2453, ../scss/responsive.scss */
  .ir-information .white-container {
    padding: 30px 20px 60px;
  }

  /* Ir */
  /* line 2461, ../scss/responsive.scss */
  .shareinfo-list li {
    width: 100%;
  }

  /* Brands */
  /* line 2468, ../scss/responsive.scss */
  h2 {
    font-size: 35px;
  }

  /* Community */
  /* line 2474, ../scss/responsive.scss */
  .feature-slider {
    width: 220px;
  }

  /* line 2481, ../scss/responsive.scss */
  .career-activities-section .first-layer .photo-layer .square {
    width: 280px;
    height: 280px;
  }
  /* line 2486, ../scss/responsive.scss */
  .career-activities-section .first-layer .photo-layer .square-photo-wrap {
    width: 220px;
  }

  /* Home */
  /* line 2497, ../scss/responsive.scss */
  .news-slider .square-photo-wrap:after {
    padding-top: 150%;
  }
}