@charset "UTF-8";
/* flex containers에 적용 */
/* flex items에 적용 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
textarea,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  margin: 0;
  padding: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  display: block;
}

html,
body {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

img,
form,
fieldset,
svg,
li {
  border: 0;
  vertical-align: top;
}

ul,
ol {
  list-style: none;
}

button {
  overflow: visible;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

button::-moz-focus-inner {
  margin: -1px;
  padding: 0;
}

input,
button,
select {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

address,
caption,
em {
  font-style: normal;
}

a,
a:focus,
a:active,
a:hover {
  text-decoration: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* Pretendard */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 300;
  src: url("/font/Pretendard-Light.subset-8c2d0d1ff8a65a3daa9d65461565a7e7.woff") format("woff"), url("/font/Pretendard-Light.subset-edbf558dafc7610d4031c6e90b3f6506.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: normal;
  src: url("/font/Pretendard-Regular.subset-37eb08321a72dcebeb5cff304ad3967b.woff") format("woff"), url("/font/Pretendard-Regular.subset-0e5701726a18f18c75f1eadfe7fd4c5a.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500;
  src: url("/font/Pretendard-Medium.subset-99418246fc1c939939607b76fca0742e.woff") format("woff"), url("/font/Pretendard-Medium.subset-201c9877b1ae82b0b760390526e7a5ba.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600;
  src: url("/font/Pretendard-SemiBold.subset-f03e74fb2ab15e6580a875c1edb86e3a.woff") format("woff"), url("/font/Pretendard-SemiBold.subset-e98acacabdd7864378a34ea1e90e98ef.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700;
  src: url("/font/Pretendard-Bold.subset-9c1a831be7b4b65bf2093a33a3e2e05a.woff") format("woff"), url("/font/Pretendard-Bold.subset-0cc59186812b67f13a8eff679f3f14a9.woff2") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 800;
  src: url("/font/Pretendard-ExtraBold.subset-9d17a107be8aac1536300d7fb0412b0d.woff") format("woff"), url("/font/Pretendard-ExtraBold.subset-fe00650272b3a983e6f10c9b8600946a.woff2") format("woff2");
}

body,
input,
select,
textarea,
button {
  font-family: Pretendard, '나눔바른고딕', 'Nanum BarunGothic', 'Malgun Gothic', '맑은고딕', 'Apple SD Gothic Neo', Dotum, '돋움', sans-serif;
}

body {
  color: #212121;
}

.blind,
caption span,
legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

.skip {
  height: 0;
}

.skip a {
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 25px;
  text-align: center;
}

.skip a:focus,
#skip a:active {
  position: absolute;
  top: 0;
  z-index: 100;
  padding: 10px 0;
  background: #000;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.content {
  position: relative;
  z-index: 2;
  background: #fff;
}

.content:not(.page-home) {
  padding-top: 113px;
}

@media (max-width: 1366px) {
  .content:not(.page-home) {
    padding-top: 113px;
    padding-top: 8.27233vw;
  }
}

@media screen and (max-width: 768px) {
  .content:not(.page-home) {
    padding-top: 65px;
  }
}

.main-content {
  position: relative;
  z-index: 2;
  background: #fff;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 1365px) {
  .container {
    padding: 0 24px;
  }
}

.section-title {
  position: relative;
}

.section-title:before, .section-title:after {
  content: '';
  display: block;
  clear: both;
}

.section-title .container {
  position: relative;
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  .section-title .container {
    padding-top: 100px;
  }
}

.section-title .page-title {
  font-size: 56px;
  font-weight: 700;
  line-height: 68px;
}

@media screen and (max-width: 1365px) {
  .section-title .page-title {
    font-size: 56px;
    font-size: 4.09956vw;
    line-height: 68px;
    line-height: 4.97804vw;
  }
}

@media screen and (max-width: 768px) {
  .section-title .page-title {
    font-size: 40px;
    line-height: 48px;
  }
}

.section-title .page-title:last-child {
  margin-bottom: 77px;
}

@media screen and (max-width: 1365px) {
  .section-title .page-title:last-child {
    margin-bottom: 77px;
    margin-bottom: 5.6369vw;
  }
}

@media screen and (max-width: 768px) {
  .section-title .page-title:last-child {
    margin-bottom: 0;
  }
}

.section-title .page-desc {
  min-height: 165px;
  margin-top: 37px;
  color: #191919;
  font-size: 32px;
  line-height: 44px;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .section-title .page-desc {
    min-height: 165px;
    min-height: 12.07906vw;
    margin-top: 37px;
    margin-top: 2.70864vw;
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 44px;
    line-height: 3.22108vw;
  }
}

@media screen and (max-width: 768px) {
  .section-title .page-desc {
    min-height: 44px;
    margin-top: 27px;
    font-size: 16px;
    line-height: 22px;
  }
}

.section-title .page-banner {
  float: right;
  overflow: hidden;
  position: relative;
  width: calc((100% - 1200px)/2 + 1200px);
  padding-bottom: 380px;
}

@media (max-width: 1248px) {
  .section-title .page-banner {
    width: calc(100% - 24px);
    padding-bottom: 30.449%;
  }
}

@media screen and (max-width: 768px) {
  .section-title .page-banner {
    margin-top: 38px;
    padding-bottom: 52.778%;
  }
}

.section-title .page-banner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.section-title .breadcrumb {
  position: absolute;
  top: 40px;
  right: 0;
}

@media screen and (max-width: 1365px) {
  .section-title .breadcrumb {
    top: 30px;
    right: 24px;
    left: 24px;
  }
}

.section-entry-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .section-entry-point {
    display: block;
  }
}

.section-entry-point .menu-link {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 46px 80px 45px;
  color: #212121;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-entry-point .menu-link {
    padding: 46px 80px 45px;
    padding: 3.3675vw 5.85652vw 3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point .menu-link {
    padding: 25px 25px 26px;
    text-align: center;
  }
}

.section-entry-point .menu-link:before {
  position: absolute;
  z-index: -1;
  background-color: #ededed;
  opacity: 0.8;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  content: '';
  inset: 0;
}

@media screen and (min-width: 1366px) {
  .section-entry-point .menu-link:before {
    opacity: 1;
  }
}

@media screen and (min-width: 1366px) {
  .section-entry-point .menu-link:hover:before {
    opacity: 0.8;
  }
}

.section-entry-point .menu-link-prev {
  color: #fff;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .section-entry-point .menu-link-prev {
    text-align: center;
  }
}

.section-entry-point .menu-link-prev:before {
  background-color: #0079fa;
}

@media screen and (min-width: 1366px) {
  .section-entry-point .menu-link.no-image:hover:before {
    opacity: 1;
  }
}

.section-entry-point .menu-link .menu-bg {
  position: absolute;
  z-index: -2;
  inset: 0;
}

.section-entry-point .menu-link .menu-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.section-entry-point .menu-link .menu-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.208;
}

@media screen and (max-width: 1365px) {
  .section-entry-point .menu-link .menu-text {
    font-size: 24px;
    font-size: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point .menu-link .menu-text {
    font-size: 16px;
    line-height: 1.1875;
  }
}

.section-entry-point .menu-link .icon-prev {
  left: 80px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .section-entry-point .menu-link .icon-prev {
    left: 80px;
    left: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point .menu-link .icon-prev {
    left: 24px;
  }
}

.section-entry-point .menu-link .icon-next {
  right: 80px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .section-entry-point .menu-link .icon-next {
    right: 80px;
    right: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point .menu-link .icon-next {
    right: 24px;
  }
}

.scroll-lock {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  @supports (-webkit-touch-callout: none) {
    .scroll-lock {
      position: fixed;
      top: 0;
      left: 0;
    }
  }
}

.only-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}

.only-mo {
  display: block;
}

@media (min-width: 769px) {
  .only-mo {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .center-mo {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .left-mo {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .right-mo {
    text-align: right;
  }
}

.icon-hamburger {
  position: absolute;
  top: 18px;
  left: 7px;
  width: 20px;
  height: 2px;
  background-color: #fff;
}

@media screen and (max-width: 1365px) {
  .icon-hamburger {
    width: 30px;
    width: 2.19619vw;
    height: 1px;
  }
}

.icon-hamburger::before, .icon-hamburger::after {
  position: absolute;
  top: -9px;
  left: 0;
  width: 20px;
  height: 2px;
  background-color: #fff;
  content: "";
}

@media screen and (max-width: 1365px) {
  .icon-hamburger::before, .icon-hamburger::after {
    top: -7px;
    width: 30px;
    width: 2.19619vw;
    height: 1px;
  }
}

.icon-hamburger::after {
  top: 9px;
}

@media screen and (max-width: 1365px) {
  .icon-hamburger::after {
    top: 7px;
  }
}

@media (max-width: 1366px) {
  .icon-hamburger {
    top: 18px;
    top: 1.31772vw;
    left: 7px;
    left: 0.51245vw;
  }
}

@media screen and (max-width: 768px) {
  .icon-hamburger {
    top: 50%;
    left: 50%;
    width: 22px;
    height: 2px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: background 200ms;
    transition: background 200ms;
  }
  .icon-hamburger::before, .icon-hamburger::after {
    top: -9px;
    width: 22px;
    height: 2px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
  .icon-hamburger::after {
    top: 9px;
  }
}

.icon-hamburger-black {
  background-color: #212121;
}

.icon-hamburger-black::before, .icon-hamburger-black::after {
  background-color: #212121;
}

.accordion-list {
  border-top: 1px solid #dbdbdb;
}

@media screen and (max-width: 768px) {
  .accordion-list {
    padding-top: unset;
    border-top: 1px solid #dbdbdb;
  }
}

.accordion-list.type-news {
  border-top: 0;
}

.accordion-list.type-news .accordion-item .btn-accordion {
  padding: 36px 40px 35px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .accordion-item .btn-accordion {
    padding: 36px 40px 35px;
    padding: 2.63543vw 2.92826vw 2.56223vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .accordion-item .btn-accordion {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 18px 42px 17px 15px;
    font-size: 13px;
    line-height: 16px;
  }
}

.accordion-list.type-news .accordion-item .news-number {
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
  margin-right: 10px;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .accordion-item .news-number {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    -ms-flex-preferred-size: 3.66032vw;
    flex-basis: 3.66032vw;
    margin-right: 10px;
    margin-right: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .accordion-item .news-number {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-right: 0;
  }
}

.accordion-list.type-news .accordion-item .news-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 26px;
  font-size: 18px;
  font-weight: 700;
  color: #212121;
  word-break: break-all;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .accordion-item .news-title {
    padding-right: 26px;
    padding-right: 1.90337vw;
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .accordion-item .news-title {
    margin-top: 8px;
    padding-right: 0;
    font-size: 14px;
    line-height: 18px;
  }
}

.accordion-list.type-news .accordion-item .news-date {
  -ms-flex-preferred-size: 178px;
  flex-basis: 178px;
  margin-left: 4px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .accordion-item .news-date {
    -ms-flex-preferred-size: 178px;
    flex-basis: 178px;
    -ms-flex-preferred-size: 13.03075vw;
    flex-basis: 13.03075vw;
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .accordion-item .news-date {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 8px;
    margin-left: 0;
    text-align: left;
  }
}

.accordion-list.type-news .accordion-item .icon-plus-minus {
  padding: 8px;
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .accordion-item .icon-plus-minus {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 6px;
  }
}

.accordion-list.type-news .accordion-item .icon-plus-minus::before, .accordion-list.type-news .accordion-item .icon-plus-minus::after {
  width: 16px;
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .accordion-item .icon-plus-minus::before, .accordion-list.type-news .accordion-item .icon-plus-minus::after {
    width: 12px;
  }
}

.accordion-list.type-news .accordion-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.accordion-list.type-news .accordion-inner {
  padding: 36px 102px 32px;
  background-color: #f8fbff;
  word-break: break-all;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .accordion-inner {
    padding: 36px 102px 32px;
    padding: 2.63543vw 7.46706vw 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .accordion-inner {
    padding: 19px 15px 14px;
  }
}

.accordion-list.type-news .attachment {
  padding-bottom: 24px;
  margin-bottom: 21px;
  border-bottom: 1px solid #ededed;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .attachment {
    padding-bottom: 24px;
    padding-bottom: 1.75695vw;
    margin-bottom: 21px;
    margin-bottom: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .attachment {
    padding-bottom: 10px;
    margin-bottom: 9px;
  }
}

.accordion-list.type-news .attachment-title {
  display: inline-block;
  min-width: 86px;
  font-size: 16px;
  line-height: 20px;
  color: #212121;
  word-break: break-all;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .attachment-title {
    min-width: 86px;
    min-width: 6.29575vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .attachment-title {
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 16px;
  }
}

.accordion-list.type-news .attachment-file {
  display: inline-block;
  position: relative;
  max-width: calc(100% - 90px);
  padding-left: 26px;
  font-size: 16px;
  line-height: 20px;
  color: #757575;
  word-break: break-all;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .attachment-file {
    padding-left: 26px;
    padding-left: 1.90337vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .attachment-file {
    max-width: 100%;
    padding-left: 24px;
    font-size: 13px;
    line-height: 16px;
  }
}

.accordion-list.type-news .attachment-file::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -530px -1442px;
  background-repeat: no-repeat;
  vertical-align: top;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .attachment-file::before {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -38.8vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .attachment-file::before {
    width: 16px;
    height: 16px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -424px -1153.6px;
    background-repeat: no-repeat;
  }
}

.accordion-list.type-news .faq-text {
  font-size: 16px;
  line-height: 24px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .faq-text {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .faq-text {
    font-size: 13px;
    line-height: 18px;
  }
}

.accordion-list.type-news .faq-text:not(:first-child) {
  margin-top: 22px;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .faq-text:not(:first-child) {
    margin-top: 22px;
    margin-top: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .faq-text:not(:first-child) {
    margin-top: 12px;
  }
}

.accordion-list.type-news .faq-title {
  display: block;
  font-size: 16px;
  line-height: 19px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .accordion-list.type-news .faq-title {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .faq-title {
    margin-top: 19px;
    font-size: 13px;
    line-height: 16px;
  }
}

.accordion-list.type-news .faq-image {
  margin-top: 24px;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .accordion-list.type-news .faq-image {
    margin-top: 10px;
  }
}

.accordion-item {
  border-bottom: 1px solid #dbdbdb;
}

.accordion-item .btn-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 36px 0 37px;
  color: #212121;
  text-align: left;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1875;
}

@media screen and (max-width: 1365px) {
  .accordion-item .btn-accordion {
    padding: 36px 0px 37px;
    padding: 2.63543vw 0vw 2.70864vw;
    font-size: 32px;
    font-size: 2.34261vw;
    font-weight: 700;
    line-height: 1.1875;
  }
}

@media screen and (max-width: 768px) {
  .accordion-item .btn-accordion {
    padding: 20px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
  }
}

.accordion-content {
  display: none;
  padding: 44px 50px 48px 408px;
  border-top: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .accordion-content {
    padding: 45px 50px 48px 408px;
    padding: 3.29429vw 3.66032vw 3.51391vw 29.86823vw;
  }
}

@media screen and (max-width: 768px) {
  .accordion-content {
    padding: 27px 0 28px;
    border-top: unset;
  }
}

.icon-plus-minus {
  position: relative;
  padding: 16px;
}

@media screen and (max-width: 1365px) {
  .icon-plus-minus {
    padding: 16px;
    padding: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .icon-plus-minus {
    padding: 8px;
  }
}

.icon-plus-minus:before, .icon-plus-minus:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 2px;
  background: #212121;
  -webkit-transition: -webkit-transform 250ms ease-out;
  transition: -webkit-transform 250ms ease-out;
  transition: transform 250ms ease-out;
  transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
  content: '';
}

@media screen and (max-width: 1365px) {
  .icon-plus-minus:before, .icon-plus-minus:after {
    width: 32px;
    width: 2.34261vw;
    height: 2px;
    height: 0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  .icon-plus-minus:before, .icon-plus-minus:after {
    width: 16px;
    height: 1px;
  }
}

.icon-plus-minus:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-plus-minus:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-plus-minus.is-collapsed:after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.icon-plus-minus.is-collapsed:before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.suggested {
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
}

.suggested-title {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.43;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .suggested-title {
    font-size: 28px;
    font-size: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .suggested-title {
    font-size: 20px;
    line-height: 1.35;
  }
}

.suggested-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.suggested-item {
  display: block;
  margin: 10px 6px;
}

@media screen and (max-width: 1365px) {
  .suggested-item {
    margin: 10px 6px;
    margin: 0.73206vw 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .suggested-item {
    margin: 4px;
  }
}

.suggested-link {
  display: block;
  padding: 7px 15px;
  border: solid 1px #dbdbdb;
  border-radius: 4px;
  color: #757575;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1428;
  text-transform: uppercase;
}

@media screen and (max-width: 1365px) {
  .suggested-link {
    padding: 7px 15px;
    padding: 0.51245vw 1.0981vw;
    border-radius: 4px;
    border-radius: 0.29283vw;
    font-size: 14px;
    font-size: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .suggested-link {
    padding: 7px 16px 8px 15px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 15px;
  }
}

@media screen and (min-width: 1366px) {
  .suggested-link:hover {
    background-color: #fafafa;
  }
}

.badge {
  display: inline-block;
  min-width: 50px;
  padding: 4px 10px;
  background-color: #0079fa;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .badge {
    min-width: 50px;
    min-width: 3.66032vw;
    padding: 4px 10px;
    padding: 0.29283vw 0.73206vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .badge {
    min-width: 54px;
    padding: 4px 11px 5px;
    font-size: 13px;
    line-height: 16px;
  }
}

.badge-outline {
  padding: 5px 9px;
  border: 1px solid #0079fa;
  border-radius: 4px;
  background-color: #f8fbff;
  font-weight: 400;
  color: #0079fa;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .badge-outline {
    padding: 4px 9px;
    font-size: 12px;
    line-height: 17px;
  }
}

.badge-lg {
  padding: 5px 12px;
}

@media screen and (max-width: 1365px) {
  .badge-lg {
    padding: 5px 12px;
    padding: 0.36603vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .badge-lg {
    padding: 4px 11px;
  }
}

.badge-orange {
  background-color: #ff5b34;
}

.notice-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 560px;
  border-top: 2px solid #212121;
}

@media screen and (max-width: 1365px) {
  .notice-area {
    height: 560px;
    height: 40.99561vw;
  }
}

@media screen and (max-width: 768px) {
  .notice-area {
    height: 325px;
  }
}

.notice-area-style2 {
  border-top: 0;
}

.notice-area .notice-message {
  display: block;
  margin-top: 32px;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #212121;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .notice-area .notice-message {
    margin-top: 32px;
    margin-top: 2.34261vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .notice-area .notice-message {
    margin-top: 20px;
    font-size: 15px;
    line-height: 18px;
  }
}

.tooltip {
  position: relative;
}

@media screen and (min-width: 1366px) {
  .tooltip:hover {
    border-bottom: 1px solid #0079fa;
  }
  .tooltip:hover .tooltip-info {
    display: block;
  }
}

.tooltip .sup {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .tooltip .sup {
    font-size: 12px;
    font-size: 0.87848vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .tooltip .sup {
    font-size: 8px;
    line-height: 12px;
  }
}

.tooltip .tooltip-info {
  display: none;
  position: absolute;
  bottom: calc(100% + 17px);
  left: 0;
  width: 270px;
  padding: 10px 16px 9px;
  border: 1px solid #0079fa;
  border-radius: 5px;
  background: #f8fbff;
  color: #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .tooltip .tooltip-info {
    width: 270px;
    width: 19.76574vw;
    padding: 10px 16px 9px;
    padding: 0.73206vw 1.1713vw 0.65886vw;
    border-radius: 5px;
    border-radius: 0.36603vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .tooltip .tooltip-info {
    width: 270px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
  }
}

.tooltip .edge {
  position: absolute;
  top: 100%;
  left: 17px;
  width: 10px;
  height: 9px;
  background: url(/img/rd/ic_tooltip_arr-309ab6205271df2e63d4d79acecfd52f.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.no-link {
  pointer-events: none;
}

@media (min-width: 769px) {
  .no-link-pc {
    pointer-events: none;
  }
}

@media screen and (max-width: 768px) {
  .no-link-mo {
    pointer-events: none;
  }
}

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

.title-fade {
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
}

@media screen and (max-width: 1365px) {
  .title-fade {
    font-size: 40px;
    font-size: 2.92826vw;
    line-height: 56px;
    line-height: 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .title-fade {
    text-align: left;
    font-size: 24px;
    line-height: 33px;
  }
}

.is-center .title-fade {
  text-align: center;
}

.fade-opacity {
  opacity: 0.15;
}

.editor-custom h1, .editor-custom h2, .editor-custom h3, .editor-custom h4, .editor-custom h5, .editor-custom h6 {
  color: #0079fa;
}

@media screen and (max-width: 768px) {
  .scrollbar-inner > .scroll-element.scroll-y {
    right: 4px;
  }
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  display: none;
}

.height-device-mo {
  position: absolute;
  z-index: -99;
  width: 0;
  height: 100vh;
  visibility: hidden;
}

@-webkit-keyframes animation-line-scroll {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
}

@-moz-keyframes animation-line-scroll {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(200%);
  }
}

@-ms-keyframes animation-line-scroll {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(200%);
  }
}

@keyframes animation-line-scroll {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInUp100 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp100 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp100 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp100 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-50px);
  }
}

@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-50px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}

@-webkit-keyframes roll-text-hover {
  45% {
    -webkit-transform: rotateX(60deg) skewX(12deg) translateY(100%);
    transform: rotateX(60deg) skewX(12deg) translateY(100%);
  }
  46% {
    opacity: 0;
  }
  47% {
    opacity: 1;
    -webkit-transform: rotateX(-65deg) skewX(-12deg) translateY(-160%);
    transform: rotateX(-65deg) skewX(-12deg) translateY(-160%);
  }
  100% {
    -webkit-transform: rotateX(0deg) skewX(0deg) translateY(0%);
    transform: rotateX(0deg) skewX(0deg) translateY(0%);
  }
}

@-moz-keyframes roll-text-hover {
  45% {
    transform: rotateX(60deg) skewX(12deg) translateY(100%);
  }
  46% {
    opacity: 0;
  }
  47% {
    opacity: 1;
    transform: rotateX(-65deg) skewX(-12deg) translateY(-160%);
  }
  100% {
    transform: rotateX(0deg) skewX(0deg) translateY(0%);
  }
}

@-ms-keyframes roll-text-hover {
  45% {
    transform: rotateX(60deg) skewX(12deg) translateY(100%);
  }
  46% {
    opacity: 0;
  }
  47% {
    opacity: 1;
    transform: rotateX(-65deg) skewX(-12deg) translateY(-160%);
  }
  100% {
    transform: rotateX(0deg) skewX(0deg) translateY(0%);
  }
}

@keyframes roll-text-hover {
  45% {
    -webkit-transform: rotateX(60deg) skewX(12deg) translateY(100%);
    transform: rotateX(60deg) skewX(12deg) translateY(100%);
  }
  46% {
    opacity: 0;
  }
  47% {
    opacity: 1;
    -webkit-transform: rotateX(-65deg) skewX(-12deg) translateY(-160%);
    transform: rotateX(-65deg) skewX(-12deg) translateY(-160%);
  }
  100% {
    -webkit-transform: rotateX(0deg) skewX(0deg) translateY(0%);
    transform: rotateX(0deg) skewX(0deg) translateY(0%);
  }
}

@-webkit-keyframes roll-text-hover2 {
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
  }
  51% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-moz-keyframes roll-text-hover2 {
  50% {
    transform: translateX(100%);
    opacity: 1;
  }
  51% {
    transform: translateX(-100%);
    opacity: 0;
  }
  52% {
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
  }
}

@-ms-keyframes roll-text-hover2 {
  50% {
    transform: translateX(100%);
    opacity: 1;
  }
  51% {
    transform: translateX(-100%);
    opacity: 0;
  }
  52% {
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes roll-text-hover2 {
  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
  }
  51% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  52% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

[data-animate="fadeInUp"] {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition-delay: calc(var(--i, 0) * 0.1s);
  transition-delay: calc(var(--i, 0) * 0.1s);
}

[data-animate="slideInUp"] {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .6s;
  transition: -webkit-transform .6s;
  transition: transform .6s;
  transition: transform .6s, -webkit-transform .6s;
  -webkit-transition-delay: calc(var(--i, 0) * 0.1s);
  transition-delay: calc(var(--i, 0) * 0.1s);
}

[data-animate="fadeInLeft"] {
  opacity: 0;
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
}

[data-animate="fadeInRight"] {
  opacity: 0;
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
}

[data-animate="fadeZoomIn"] {
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

[data-animate="fadeZoomOut"] {
  opacity: 0;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.animate-active[data-animate="slideInUp"] {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.animate-active[data-animate^="fade"] {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-delay: calc(var(--i, 0) * 0.1s);
  animation-delay: calc(var(--i, 0) * 0.1s);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.animate-active[data-animate="fadeInUp"] {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-ms-keyframes fadeInLeft {
  .animate-active 0% {
    opacity: 0;
    transform: translateX(100%);
  }
  .animate-active 100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-ms-keyframes fadeInRight {
  .animate-active 0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  .animate-active 100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.animate-active[data-animate="fadeInLeft"] {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
}

.animate-active[data-animate="fadeInRight"] {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 2.2s;
  animation-duration: 2.2s;
}

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

.icon-search {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -564px -1394px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-search {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -41.29vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-search {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -564px -1394px;
    background-repeat: no-repeat;
  }
}

.icon-language {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -980.24px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-language {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -71.76vw;
    background-repeat: no-repeat;
  }
}

.icon-language-black {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -996px -894px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .icon-language-black {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -72.91vw -65.45vw;
    background-repeat: no-repeat;
  }
}

.icon-language-en {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -996px -934px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .icon-language-en {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -72.91vw -68.37vw;
    background-repeat: no-repeat;
  }
}

.icon-language-en.icon-language-black {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -996px -974px;
  background-repeat: no-repeat;
}

.icon-search-black {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -404px -1394px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-search-black {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -29.58vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-search-black {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -404px -1394px;
    background-repeat: no-repeat;
  }
}

.icon-instagram {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -36px -1442px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-instagram {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -2.64vw -105.56vw;
    background-repeat: no-repeat;
  }
}

.icon-fb {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -410px -396px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-fb {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -30.01vw -28.99vw;
    background-repeat: no-repeat;
  }
}

.icon-youtube {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -588px -340px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-youtube {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -43.05vw -24.89vw;
    background-repeat: no-repeat;
  }
}

.icon-blog {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1426px -1394px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-blog {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -104.39vw -102.05vw;
    background-repeat: no-repeat;
  }
}

.icon-document {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -278px -274px;
  background-repeat: no-repeat;
}

.icon-find-sale {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -26px -697px;
  background-repeat: no-repeat;
}

.icon-audit-report {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -542px -511px;
  background-repeat: no-repeat;
}

.icon-find-product {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -74px -697px;
  background-repeat: no-repeat;
}

.icon-document-white {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -132px -1442px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .icon-document-white {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -9.66vw -105.56vw;
    background-repeat: no-repeat;
  }
}

.icon-find-sale-white {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -196px -1442px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .icon-find-sale-white {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -14.35vw -105.56vw;
    background-repeat: no-repeat;
  }
}

.icon-audit-report-white {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -743.5px -640px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .icon-audit-report-white {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -54.43vw -46.85vw;
    background-repeat: no-repeat;
  }
}

.icon-find-product-white {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362px -1394px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .icon-find-product-white {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.71vw -102.05vw;
    background-repeat: no-repeat;
  }
}

.icon-layer-gnb-close {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -524px -1394px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .icon-layer-gnb-close {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -38.36vw -102.05vw;
    background-repeat: no-repeat;
  }
}

.icon-map {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -743.5px -608px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-map {
    width: 1.7956vw;
    height: 1.7956vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 113.19762vw 109.9805vw;
    background-size: 113.19762vw 109.9805vw;
    background-position: -55.62619vw -45.48853vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-map {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -743.5px -608px;
    background-repeat: no-repeat;
  }
}

.icon-home {
  width: 14px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1104px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-home {
    width: 1.02489vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -80.82vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-home {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -656px -641px;
    background-repeat: no-repeat;
  }
}

.is-bg-dark .icon-home {
  width: 14px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1174px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .is-bg-dark .icon-home {
    width: 1.02489vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -85.94vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .is-bg-dark .icon-home {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -517px -697px;
    background-repeat: no-repeat;
  }
}

.is-bg-light .icon-home {
  width: 14px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1014px -860px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .is-bg-light .icon-home {
    width: 1.02489vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -74.23vw -62.96vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .is-bg-light .icon-home {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -536px -697px;
    background-repeat: no-repeat;
  }
}

.icon-image {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -100px -1442px;
  background-repeat: no-repeat;
}

.icon-health {
  width: 150px;
  height: 150px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -4px -608px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-health {
    width: 10.98097vw;
    height: 10.98vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -0.29vw -44.51vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-health {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -2.66667px -405.33333px;
    background-repeat: no-repeat;
  }
}

.icon-product {
  width: 150px;
  height: 150px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -620px -4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-product {
    width: 10.98097vw;
    height: 10.98vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -45.39vw -0.29vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-product {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -413.33333px -2.66667px;
    background-repeat: no-repeat;
  }
}

.icon-social {
  width: 150px;
  height: 150px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -620px -320px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-social {
    width: 10.98097vw;
    height: 10.98vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -45.39vw -23.43vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-social {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -413.33333px -213.33333px;
    background-repeat: no-repeat;
  }
}

.icon-innovation {
  width: 150px;
  height: 150px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -620px -162px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-innovation {
    width: 10.98097vw;
    height: 10.98vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -45.39vw -11.86vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-innovation {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -413.33333px -108px;
    background-repeat: no-repeat;
  }
}

.icon-prev {
  width: 28px;
  height: 28px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1254px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-prev {
    width: 2.04978vw;
    height: 2.05vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -91.8vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-prev {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -492px;
    background-repeat: no-repeat;
  }
}

.icon-next {
  width: 28px;
  height: 28px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1146px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-next {
    width: 2.04978vw;
    height: 2.05vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -83.89vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-next {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -436px;
    background-repeat: no-repeat;
  }
}

.icon-symbol-blue {
  width: 178px;
  height: 169px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -192px -252px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-symbol-blue {
    width: 13.83602vw;
    height: 13.14vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 117.61vw 114.26vw;
    background-size: 117.61vw 114.26vw;
    background-position: -14.92vw -19.59vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-symbol-blue {
    width: 100px;
    height: 94.94382px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 850px 825.8427px;
    background-size: 850px 825.8427px;
    background-position: -107.86517px -141.57303px;
    background-repeat: no-repeat;
  }
}

.icon-symbol-black {
  width: 89px;
  height: 84px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1258.24px -164px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-symbol-black {
    width: 6.51537vw;
    height: 6.15vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -92.11vw -12.01vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-symbol-black {
    width: 44px;
    height: 41.52809px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 748px 726.74157px;
    background-size: 748px 726.74157px;
    background-position: -622.05124px -81.07865px;
    background-repeat: no-repeat;
  }
}

.icon-symbol-gold {
  width: 89px;
  height: 84px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1258.24px -256px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-symbol-gold {
    width: 6.51537vw;
    height: 6.15vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -92.11vw -18.74vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-symbol-gold {
    width: 44px;
    height: 41.52809px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 748px 726.74157px;
    background-size: 748px 726.74157px;
    background-position: -622.05124px -126.5618px;
    background-repeat: no-repeat;
  }
}

.icon-symbol-grey {
  width: 89px;
  height: 84px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1258.24px -348px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-symbol-grey {
    width: 6.51537vw;
    height: 6.15vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -92.11vw -25.48vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-symbol-grey {
    width: 44px;
    height: 41.52809px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 748px 726.74157px;
    background-size: 748px 726.74157px;
    background-position: -622.05124px -172.04494px;
    background-repeat: no-repeat;
  }
}

.icon-back-to-top {
  width: 56px;
  height: 56px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -200px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-back-to-top {
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -14.64vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-back-to-top {
    width: 42px;
    height: 42px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -629.12px -409.5px;
    background-repeat: no-repeat;
  }
}

.icon-announcement {
  width: 56px;
  height: 56px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -520px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-announcement {
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -38.07vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-announcement {
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1080.71429px 1050px;
    background-size: 1080.71429px 1050px;
    background-position: -1034.45714px -371.42857px;
    background-repeat: no-repeat;
  }
}

.icon-ir-document {
  width: 56px;
  height: 56px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -456px;
  background-repeat: no-repeat;
}

@media (max-width: 1366px) {
  .icon-ir-document {
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -33.38vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-ir-document {
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1080.71429px 1050px;
    background-size: 1080.71429px 1050px;
    background-position: -1034.45714px -325.71429px;
    background-repeat: no-repeat;
  }
}

.icon-play {
  width: 48px;
  height: 48px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -1152px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-play {
    width: 3.51391vw;
    height: 3.51vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -84.33vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-play {
    width: 36px;
    height: 36px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1134.75px 1102.5px;
    background-size: 1134.75px 1102.5px;
    background-position: -1086.18px -864px;
    background-repeat: no-repeat;
  }
}

.icon-pause {
  width: 48px;
  height: 48px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -1208px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-pause {
    width: 3.51391vw;
    height: 3.51vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -88.43vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-pause {
    width: 36px;
    height: 36px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1134.75px 1102.5px;
    background-size: 1134.75px 1102.5px;
    background-position: -1086.18px -906px;
    background-repeat: no-repeat;
  }
}

.icon-lab-center {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -440.24px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-center {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -32.23vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-center {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -519px -220.12px;
    background-repeat: no-repeat;
  }
}

.icon-lab-materials {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -224.24px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-materials {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -16.42vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-materials {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -519px -112.12px;
    background-repeat: no-repeat;
  }
}

.icon-lab-medicinal {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -116.24px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-medicinal {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -8.51vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-medicinal {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -519px -58.12px;
    background-repeat: no-repeat;
  }
}

.icon-lab-analytical {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -760px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-analytical {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -55.64vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-analytical {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -380px -511px;
    background-repeat: no-repeat;
  }
}

.icon-lab-sensory {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -436px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-sensory {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -31.92vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-sensory {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -218px -511px;
    background-repeat: no-repeat;
  }
}

.icon-lab-sustainable {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -328px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-sustainable {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -24.01vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-sustainable {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -164px -511px;
    background-repeat: no-repeat;
  }
}

.icon-arrow-next-blue {
  width: 28px;
  height: 28px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1290px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .icon-arrow-next-blue {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1296.85714px 1260px;
    background-size: 1296.85714px 1260px;
    background-position: -1105.71429px -1194.85714px;
    background-repeat: no-repeat;
  }
}

.icon-pagination-first {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -804px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-pagination-first {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -58.86vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-pagination-first {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -218px -661px;
    background-repeat: no-repeat;
  }
}

.is-disabled .icon-pagination-first {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -764px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .is-disabled .icon-pagination-first {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -55.93vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .is-disabled .icon-pagination-first {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -74px -661px;
    background-repeat: no-repeat;
  }
}

.icon-pagination-prev {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -324px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-pagination-prev {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -23.72vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-pagination-prev {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -362px -661px;
    background-repeat: no-repeat;
  }
}

.is-disabled .icon-pagination-prev {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -244px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .is-disabled .icon-pagination-prev {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -17.86vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .is-disabled .icon-pagination-prev {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -578px -661px;
    background-repeat: no-repeat;
  }
}

.icon-pagination-next {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -484px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-pagination-next {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -35.43vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-pagination-next {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -681.12px -585.5px;
    background-repeat: no-repeat;
  }
}

.is-disabled .icon-pagination-next {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -444px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .is-disabled .icon-pagination-next {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -32.5vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .is-disabled .icon-pagination-next {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -681.12px -549.5px;
    background-repeat: no-repeat;
  }
}

.icon-pagination-last {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -644px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-pagination-last {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -47.14vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-pagination-last {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -326px -661px;
    background-repeat: no-repeat;
  }
}

.is-disabled .icon-pagination-last {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -604px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .is-disabled .icon-pagination-last {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -44.22vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .is-disabled .icon-pagination-last {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -189px -162px;
    background-repeat: no-repeat;
  }
}

.icon-product-filter {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1008.66667px 980px;
  background-size: 1008.66667px 980px;
  background-position: -965.49333px -618.66667px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .icon-product-filter {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -464px;
    background-repeat: no-repeat;
  }
}

.icon-product-reset {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1008.66667px 980px;
  background-size: 1008.66667px 980px;
  background-position: -965.49333px -506.66667px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .icon-product-reset {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -380px;
    background-repeat: no-repeat;
  }
}

.icon-product-sort {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1008.66667px 980px;
  background-size: 1008.66667px 980px;
  background-position: -965.49333px -432px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .icon-product-sort {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -324px;
    background-repeat: no-repeat;
  }
}

.icon-arrow-top {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -950px -860px;
  background-repeat: no-repeat;
}

.icon-arrow-bottom {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -68px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-arrow-bottom {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -4.98vw -105.56vw;
    background-repeat: no-repeat;
  }
}

.icon-search-large {
  width: 60px;
  height: 60px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-search-large {
    width: 4.39239vw;
    height: 4.39vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -0.29vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-search-large {
    width: 48px;
    height: 48px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -1158.592px -3.2px;
    background-repeat: no-repeat;
  }
}

.icon-search-40 {
  width: 40px;
  height: 40px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -4px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-search-40 {
    width: 2.92826vw;
    height: 2.93vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -0.29vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-search-40 {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -3.2px -1115.2px;
    background-repeat: no-repeat;
  }
}

.icon-close-layer {
  width: 60px;
  height: 60px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1367px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-close-layer {
    width: 4.39239vw;
    height: 4.39vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -100.07vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-close-layer {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 605.2px 588px;
    background-size: 605.2px 588px;
    background-position: -546.8px -528.8px;
    background-repeat: no-repeat;
  }
}

.icon-brand-more {
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1220px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-brand-more {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 124.61vw 121.07vw;
    background-size: 124.61vw 121.07vw;
    background-position: -100.48vw -118.76vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-brand-more {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -132px -96px;
    background-repeat: no-repeat;
  }
}

.icon-brand-more-white {
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1080px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-brand-more-white {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 124.61vw 121.07vw;
    background-size: 124.61vw 121.07vw;
    background-position: -88.95vw -118.76vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-brand-more-white {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -632px;
    background-repeat: no-repeat;
  }
}

.icon-arrow-next-blue {
  width: 28px;
  height: 28px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1290px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .icon-arrow-next-blue {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1296.85714px 1260px;
    background-size: 1296.85714px 1260px;
    background-position: -1105.71429px -1194.85714px;
    background-repeat: no-repeat;
  }
}

.icon-arrow-dropdown {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -474px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-arrow-dropdown {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -34.7vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-arrow-dropdown {
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -474px -1442px;
    background-repeat: no-repeat;
  }
}

.icon-checkbox-checked {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -614px -1442px;
  background-repeat: no-repeat;
}

.icon-desktop {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -872.24px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-desktop {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -63.85vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-desktop {
    width: 90px;
    height: 90px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1361.7px 1323px;
    background-size: 1361.7px 1323px;
    background-position: -934.2px -785.016px;
    background-repeat: no-repeat;
  }
}

.icon-call {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -764.24px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-call {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -55.95vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-call {
    width: 90px;
    height: 90px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1361.7px 1323px;
    background-size: 1361.7px 1323px;
    background-position: -934.2px -687.816px;
    background-repeat: no-repeat;
  }
}

.icon-mail {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -112px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-mail {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -8.2vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-mail {
    width: 90px;
    height: 90px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1361.7px 1323px;
    background-size: 1361.7px 1323px;
    background-position: -100.8px -919.8px;
    background-repeat: no-repeat;
  }
}

.icon-launch {
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -724px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-launch {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -53vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-launch {
    width: 17px;
    height: 17px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1428.94444px 1388.33333px;
    background-size: 1428.94444px 1388.33333px;
    background-position: -683.77778px -1361.88889px;
    background-repeat: no-repeat;
  }
}

.icon-down {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1815.6px 1764px;
  background-size: 1815.6px 1764px;
  background-position: -770.4px -1730.4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-down {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 132.91vw 129.14vw;
    background-size: 132.91vw 129.14vw;
    background-position: -56.4vw -126.68vw;
    background-repeat: no-repeat;
  }
}

.icon-arrow {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -670px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-arrow {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -49.05vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-arrow {
    width: 16px;
    height: 16px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -536px -1153.6px;
    background-repeat: no-repeat;
  }
}

.icon-error {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -92px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-error {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -6.73vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-error {
    width: 48px;
    height: 48px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 907.8px 882px;
    background-size: 907.8px 882px;
    background-position: -55.2px -740.4px;
    background-repeat: no-repeat;
  }
}

.icon-download {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1815.6px 1764px;
  background-size: 1815.6px 1764px;
  background-position: -636px -1730.4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-download {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 132.91vw 129.14vw;
    background-size: 132.91vw 129.14vw;
    background-position: -46.56vw -126.68vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-download {
    width: 28px;
    height: 28px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 2118.2px 2058px;
    background-size: 2118.2px 2058px;
    background-position: -742px -2018.8px;
    background-repeat: no-repeat;
  }
}

.icon-notice {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -4px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-notice {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -0.29vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-notice {
    width: 48px;
    height: 48px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 907.8px 882px;
    background-size: 907.8px 882px;
    background-position: -2.4px -740.4px;
    background-repeat: no-repeat;
  }
}

.icon-close {
  width: 40px;
  height: 40px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1084px -1070px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-close {
    width: 2.92826vw;
    height: 2.93vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -79.36vw -78.33vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-close {
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1084px -1070px;
    background-repeat: no-repeat;
  }
}

.icon-lab-center-blue {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -940px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-center-blue {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -68.81vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-center-blue {
    width: 86px;
    height: 86px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1355.39583px 1316.875px;
    background-size: 1355.39583px 1316.875px;
    background-position: -842.08333px -1012.29167px;
    background-repeat: no-repeat;
  }
}

.icon-lab-material-blue {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -732px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-material-blue {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -53.59vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-material-blue {
    width: 86px;
    height: 86px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1355.39583px 1316.875px;
    background-size: 1355.39583px 1316.875px;
    background-position: -655.75px -1012.29167px;
    background-repeat: no-repeat;
  }
}

.icon-lab-medicinal-blue {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1150.24px -324px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-medicinal-blue {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.2vw -23.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-medicinal-blue {
    width: 86px;
    height: 86px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1355.39583px 1316.875px;
    background-size: 1355.39583px 1316.875px;
    background-position: -1030.42333px -290.25px;
    background-repeat: no-repeat;
  }
}

.icon-lab-analytical-blue {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1150.24px -844px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-analytical-blue {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.2vw -61.79vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-analytical-blue {
    width: 86px;
    height: 86px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1355.39583px 1316.875px;
    background-size: 1355.39583px 1316.875px;
    background-position: -1030.42333px -756.08333px;
    background-repeat: no-repeat;
  }
}

.icon-lab-sensory-blue {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -316px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-sensory-blue {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -23.13vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-sensory-blue {
    width: 86px;
    height: 86px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1355.39583px 1316.875px;
    background-size: 1355.39583px 1316.875px;
    background-position: -283.08333px -1012.29167px;
    background-repeat: no-repeat;
  }
}

.icon-lab-sustainable-blue {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -4px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-lab-sustainable-blue {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -0.29vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-lab-sustainable-blue {
    width: 86px;
    height: 86px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1355.39583px 1316.875px;
    background-size: 1355.39583px 1316.875px;
    background-position: -3.58333px -1012.29167px;
    background-repeat: no-repeat;
  }
}

.icon-bowl {
  width: 112px;
  height: 112px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -636px -894px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-bowl {
    width: 8.19912vw;
    height: 8.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -46.56vw -65.45vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-bowl {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -318px -447px;
    background-repeat: no-repeat;
  }
}

.icon-time {
  width: 112px;
  height: 112px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -876px -894px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-time {
    width: 8.19912vw;
    height: 8.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -64.13vw -65.45vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-time {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -438px -447px;
    background-repeat: no-repeat;
  }
}

.icon-scale {
  width: 112px;
  height: 112px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -756px -894px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-scale {
    width: 8.19912vw;
    height: 8.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -55.34vw -65.45vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-scale {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -378px -447px;
    background-repeat: no-repeat;
  }
}

.icon-materials-research1 {
  width: 78px;
  height: 78px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1054px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-materials-research1 {
    width: 5.7101vw;
    height: 5.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -77.16vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-materials-research1 {
    width: 66px;
    height: 66px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1280.23077px 1243.84615px;
    background-size: 1280.23077px 1243.84615px;
    background-position: -891.84615px -1044.15385px;
    background-repeat: no-repeat;
  }
}

.icon-materials-research2 {
  width: 78px;
  height: 78px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -968px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-materials-research2 {
    width: 5.7101vw;
    height: 5.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -70.86vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-materials-research2 {
    width: 66px;
    height: 66px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1280.23077px 1243.84615px;
    background-size: 1280.23077px 1243.84615px;
    background-position: -819.07692px -1044.15385px;
    background-repeat: no-repeat;
  }
}

.icon-materials-research3 {
  width: 78px;
  height: 78px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -882px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-materials-research3 {
    width: 5.7101vw;
    height: 5.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -64.57vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-materials-research3 {
    width: 66px;
    height: 66px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1280.23077px 1243.84615px;
    background-size: 1280.23077px 1243.84615px;
    background-position: -746.30769px -1044.15385px;
    background-repeat: no-repeat;
  }
}

.icon-materials-research4 {
  width: 78px;
  height: 78px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1140px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-materials-research4 {
    width: 5.7101vw;
    height: 5.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -83.46vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-materials-research4 {
    width: 66px;
    height: 66px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1280.23077px 1243.84615px;
    background-size: 1280.23077px 1243.84615px;
    background-position: -964.61538px -1044.15385px;
    background-repeat: no-repeat;
  }
}

.icon-materials-research5 {
  width: 78px;
  height: 78px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1226px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-materials-research5 {
    width: 5.7101vw;
    height: 5.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -89.75vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-materials-research5 {
    width: 66px;
    height: 66px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1280.23077px 1243.84615px;
    background-size: 1280.23077px 1243.84615px;
    background-position: -1037.38462px -1044.15385px;
    background-repeat: no-repeat;
  }
}

.icon-materials-research6 {
  width: 78px;
  height: 78px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-materials-research6 {
    width: 5.7101vw;
    height: 5.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -0.29vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-materials-research6 {
    width: 66px;
    height: 66px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1280.23077px 1243.84615px;
    background-size: 1280.23077px 1243.84615px;
    background-position: -1152.66462px -3.38462px;
    background-repeat: no-repeat;
  }
}

.icon-materials-research7 {
  width: 78px;
  height: 78px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -796px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-materials-research7 {
    width: 5.7101vw;
    height: 5.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -58.27vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-materials-research7 {
    width: 66px;
    height: 66px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1280.23077px 1243.84615px;
    background-size: 1280.23077px 1243.84615px;
    background-position: -673.53846px -1044.15385px;
    background-repeat: no-repeat;
  }
}

.icon-materials-research8 {
  width: 78px;
  height: 78px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -176px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-materials-research8 {
    width: 5.7101vw;
    height: 5.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -12.88vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-materials-research8 {
    width: 66px;
    height: 66px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1280.23077px 1243.84615px;
    background-size: 1280.23077px 1243.84615px;
    background-position: -1152.66462px -148.92308px;
    background-repeat: no-repeat;
  }
}

.icon-profiling-technique01 {
  width: 86px;
  height: 86px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1495.6092px 1453.10345px;
  background-size: 1495.6092px 1453.10345px;
  background-position: -1243.77747px -622.75862px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-profiling-technique01 {
    width: 6.29575vw;
    height: 6.3vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 109.49vw 106.38vw;
    background-size: 109.49vw 106.38vw;
    background-position: -91.05vw -45.59vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-profiling-technique01 {
    width: 60px;
    height: 60px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -389px -134px;
    background-repeat: no-repeat;
  }
}

.icon-profiling-technique02 {
  width: 86px;
  height: 86px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1495.6092px 1453.10345px;
  background-size: 1495.6092px 1453.10345px;
  background-position: -1243.77747px -434.94253px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-profiling-technique02 {
    width: 6.29575vw;
    height: 6.3vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 109.49vw 106.38vw;
    background-size: 109.49vw 106.38vw;
    background-position: -91.05vw -31.84vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-profiling-technique02 {
    width: 60px;
    height: 60px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -66px -383px;
    background-repeat: no-repeat;
  }
}

.icon-profiling-technique03 {
  width: 86px;
  height: 86px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1258.24px -725px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-profiling-technique03 {
    width: 6.29575vw;
    height: 6.3vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -92.11vw -53.07vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-profiling-technique03 {
    width: 60px;
    height: 60px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -130px -383px;
    background-repeat: no-repeat;
  }
}

.icon-profiling-technique04 {
  width: 86px;
  height: 86px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1495.6092px 1453.10345px;
  background-size: 1495.6092px 1453.10345px;
  background-position: -1243.77747px -528.85057px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-profiling-technique04 {
    width: 6.29575vw;
    height: 6.3vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 109.49vw 106.38vw;
    background-size: 109.49vw 106.38vw;
    background-position: -91.05vw -38.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-profiling-technique04 {
    width: 60px;
    height: 60px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -194px -383px;
    background-repeat: no-repeat;
  }
}

.icon-shortcuts {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -558px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-shortcuts {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -40.85vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-shortcuts {
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -558px -1442px;
    background-repeat: no-repeat;
  }
}

.icon-recovery {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -644px -766px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-recovery {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -47.14vw -56.08vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-recovery {
    width: 62px;
    height: 62px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -389px -68px;
    background-repeat: no-repeat;
  }
}

.icon-safety {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -910px -4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-safety {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -66.62vw -0.29vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-safety {
    width: 62px;
    height: 62px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -305.75px -304px;
    background-repeat: no-repeat;
  }
}

.icon-green {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -778px -396px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-green {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -56.95vw -28.99vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-green {
    width: 62px;
    height: 62px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -389px -2px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-1 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -778px -524px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-1 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -56.95vw -38.36vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-1 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -648.33333px -436.66667px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-2 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -260px -894px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-2 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -19.03vw -65.45vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-2 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -216.66667px -745px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-3 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -132px -894px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-3 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -9.66vw -65.45vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-3 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -110px -745px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-4 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -4px -894px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-4 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -0.29vw -65.45vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-4 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -3.33333px -745px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-5 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -910px -644px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-5 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -66.62vw -47.14vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-5 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -758.33333px -536.66667px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-6 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -910px -516px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-6 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -66.62vw -37.77vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-6 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -758.33333px -430px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-7 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -910px -388px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-7 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -66.62vw -28.4vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-7 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -758.33333px -323.33333px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-8 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -910px -260px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-8 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -66.62vw -19.03vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-8 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -758.33333px -216.66667px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-9 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -910px -132px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-9 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -66.62vw -9.66vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-9 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -758.33333px -110px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-10 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -4px -766px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-10 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -0.29vw -56.08vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-10 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -3.33333px -638.33333px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-11 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -516px -766px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-11 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -37.77vw -56.08vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-11 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -430px -638.33333px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-12 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -772px -766px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-12 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -56.52vw -56.08vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-12 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -643.33333px -638.33333px;
    background-repeat: no-repeat;
  }
}

.icon-env-safety-13 {
  width: 120px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -388px -894px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-env-safety-13 {
    width: 8.78477vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -28.4vw -65.45vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-env-safety-13 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -323.33333px -745px;
    background-repeat: no-repeat;
  }
}

.icon-outlink {
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1681.11111px 1633.33333px;
  background-size: 1681.11111px 1633.33333px;
  background-position: -775.55556px -1602.22222px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-outlink {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 123.07vw 119.57vw;
    background-size: 123.07vw 119.57vw;
    background-position: -56.78vw -117.29vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-outlink {
    width: 17px;
    height: 17px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1428.94444px 1388.33333px;
    background-size: 1428.94444px 1388.33333px;
    background-position: -659.22222px -1361.88889px;
    background-repeat: no-repeat;
  }
}

.icon-gmb {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 806.93333px 784px;
  background-size: 806.93333px 784px;
  background-position: -140.8px -2.13333px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-gmb {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 59.07vw 57.39vw;
    background-size: 59.07vw 57.39vw;
    background-position: -10.31vw -0.16vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-gmb {
    width: 90px;
    height: 90px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -132px -2px;
    background-repeat: no-repeat;
  }
}

.icon-iso {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 806.93333px 784px;
  background-size: 806.93333px 784px;
  background-position: -2.13333px -134.4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-iso {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 59.07vw 57.39vw;
    background-size: 59.07vw 57.39vw;
    background-position: -0.16vw -9.84vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-iso {
    width: 90px;
    height: 90px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -2px -126px;
    background-repeat: no-repeat;
  }
}

.icon-medicine {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -524px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-medicine {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -38.36vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-medicine {
    width: 90px;
    height: 90px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1418.4375px 1378.125px;
    background-size: 1418.4375px 1378.125px;
    background-position: -491.25px -1059.375px;
    background-repeat: no-repeat;
  }
}

.icon-arrow-left-gray {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -588px -372px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-arrow-left-gray {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -43.05vw -27.23vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-arrow-left-gray {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 945.625px 918.75px;
    background-size: 945.625px 918.75px;
    background-position: -367.5px -232.5px;
    background-repeat: no-repeat;
  }
}

.icon-arrow-right-blue {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -356px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-arrow-right-blue {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -26.06vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-arrow-right-blue {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 945.625px 918.75px;
    background-size: 945.625px 918.75px;
    background-position: -222.5px -901.25px;
    background-repeat: no-repeat;
  }
}

.icon-calendar {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1258.24px -4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-calendar {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -92.11vw -0.29vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-calendar {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -838.82667px -2.66667px;
    background-repeat: no-repeat;
  }
}

.icon-site {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1044px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-site {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -76.43vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-site {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -696px -753.33333px;
    background-repeat: no-repeat;
  }
}

.icon-building {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -108px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-building {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -7.91vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-building {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -72px -753.33333px;
    background-repeat: no-repeat;
  }
}

.icon-manpower {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1150.24px -428px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-manpower {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.2vw -31.33vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-manpower {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -766.82667px -285.33333px;
    background-repeat: no-repeat;
  }
}

.icon-capa {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1148px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-capa {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.04vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-capa {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -765.33333px -753.33333px;
    background-repeat: no-repeat;
  }
}

.icon-products {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1150.24px -636px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-products {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.2vw -46.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-products {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -766.82667px -424px;
    background-repeat: no-repeat;
  }
}

.icon-seemore {
  width: 28px;
  height: 28px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1182px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-seemore {
    width: 2.04978vw;
    height: 2.05vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -86.53vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-seemore {
    width: 28px;
    height: 28px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1182px -1394px;
    background-repeat: no-repeat;
  }
}

.icon-salary {
  width: 75px;
  height: 75px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -428px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-salary {
    width: 5.49048vw;
    height: 5.49vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -31.33vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-salary {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -908.16px -285.33333px;
    background-repeat: no-repeat;
  }
}

.icon-gift {
  width: 75px;
  height: 75px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -262px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-gift {
    width: 5.49048vw;
    height: 5.49vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -19.18vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-gift {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -908.16px -174.66667px;
    background-repeat: no-repeat;
  }
}

.icon-cup {
  width: 75px;
  height: 75px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -345px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-cup {
    width: 5.49048vw;
    height: 5.49vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -25.26vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-cup {
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -908.16px -230px;
    background-repeat: no-repeat;
  }
}

.icon-balance {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -1243px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-balance {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -91vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-balance {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -1532.52px -1398.375px;
    background-repeat: no-repeat;
  }
}

.icon-medical {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1084px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-medical {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -79.36vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-medical {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -1219.5px -1487.25px;
    background-repeat: no-repeat;
  }
}

.icon-dormitory {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -580px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-dormitory {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -42.46vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-dormitory {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -652.5px -1487.25px;
    background-repeat: no-repeat;
  }
}

.icon-healthy {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1012px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-healthy {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -74.08vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-healthy {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -1138.5px -1487.25px;
    background-repeat: no-repeat;
  }
}

.icon-recreation {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -292px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-recreation {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -21.38vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-recreation {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -328.5px -1487.25px;
    background-repeat: no-repeat;
  }
}

.icon-support-child {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -508px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-support-child {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -37.19vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-support-child {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -571.5px -1487.25px;
    background-repeat: no-repeat;
  }
}

.icon-support {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -883px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-support {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -64.64vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-support {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -1532.52px -993.375px;
    background-repeat: no-repeat;
  }
}

.icon-coffee-house {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -796px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-coffee-house {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -58.27vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-coffee-house {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -895.5px -1487.25px;
    background-repeat: no-repeat;
  }
}

.icon-welfare {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -868px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-welfare {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -63.54vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-welfare {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -976.5px -1487.25px;
    background-repeat: no-repeat;
  }
}

.icon-club {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1537.01587px 1493.33333px;
  background-size: 1537.01587px 1493.33333px;
  background-position: -1247.49206px -1342.98413px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-club {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 112.52vw 109.32vw;
    background-size: 112.52vw 109.32vw;
    background-position: -91.32vw -98.32vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-club {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1729.14286px 1680px;
    background-size: 1729.14286px 1680px;
    background-position: -1403.42857px -1510.85714px;
    background-repeat: no-repeat;
  }
}

.icon-blazon {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -1027px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-blazon {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -75.18vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-blazon {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -1532.52px -1155.375px;
    background-repeat: no-repeat;
  }
}

.icon-house {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -220px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-house {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -16.11vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-house {
    width: 72px;
    height: 72px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1702.125px 1653.75px;
    background-size: 1702.125px 1653.75px;
    background-position: -247.5px -1487.25px;
    background-repeat: no-repeat;
  }
}

.icon-job-intro1 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -86px -220px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-job-intro1 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 55.38vw 53.81vw;
    background-size: 55.38vw 53.81vw;
    background-position: -6.3vw -16.11vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-job-intro1 {
    width: 80px;
    height: 80px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -86px -220px;
    background-repeat: no-repeat;
  }
}

.icon-job-intro2 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -170px -220px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-job-intro2 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 55.38vw 53.81vw;
    background-size: 55.38vw 53.81vw;
    background-position: -12.45vw -16.11vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-job-intro2 {
    width: 80px;
    height: 80px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -170px -220px;
    background-repeat: no-repeat;
  }
}

.icon-job-intro3 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -2px -220px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-job-intro3 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 55.38vw 53.81vw;
    background-size: 55.38vw 53.81vw;
    background-position: -0.15vw -16.11vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-job-intro3 {
    width: 80px;
    height: 80px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -2px -220px;
    background-repeat: no-repeat;
  }
}

.icon-error-404 {
  width: 160px;
  height: 160px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -452px -4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-error-404 {
    width: 11.71303vw;
    height: 11.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -33.09vw -0.29vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-error-404 {
    width: 105px;
    height: 105px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 992.90625px 964.6875px;
    background-size: 992.90625px 964.6875px;
    background-position: -296.625px -2.625px;
    background-repeat: no-repeat;
  }
}

.icon-error-500 {
  width: 160px;
  height: 160px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -452px -172px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-error-500 {
    width: 11.71303vw;
    height: 11.71vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -33.09vw -12.59vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-error-500 {
    width: 105px;
    height: 105px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 992.90625px 964.6875px;
    background-size: 992.90625px 964.6875px;
    background-position: -296.625px -112.875px;
    background-repeat: no-repeat;
  }
}

.icon-product-cheonan {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -420px -1130px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-product-cheonan {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -30.75vw -82.72vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-product-cheonan {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -280px -753.33333px;
    background-repeat: no-repeat;
  }
}

.icon-product-icheon {
  width: 96px;
  height: 96px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1150.24px -532px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-product-icheon {
    width: 7.02782vw;
    height: 7.03vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.2vw -38.95vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-product-icheon {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -766.82667px -354.66667px;
    background-repeat: no-repeat;
  }
}

.icon-contact {
  width: 148px;
  height: 148px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -318px -608px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-contact {
    width: 10.83455vw;
    height: 10.83vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -23.28vw -44.51vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-contact {
    width: 80px;
    height: 80px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 817.83784px 794.59459px;
    background-size: 817.83784px 794.59459px;
    background-position: -171.89189px -328.64865px;
    background-repeat: no-repeat;
  }
}

.icon-address {
  width: 148px;
  height: 148px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -162px -608px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-address {
    width: 10.83455vw;
    height: 10.83vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -11.86vw -44.51vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-address {
    width: 80px;
    height: 80px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 817.83784px 794.59459px;
    background-size: 817.83784px 794.59459px;
    background-position: -87.56757px -328.64865px;
    background-repeat: no-repeat;
  }
}

.icon-tel {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -220px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-tel {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -16.11vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-tel {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -123.2px -572.32px;
    background-repeat: no-repeat;
  }
}

.icon-faq {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -652px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-faq {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -47.73vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-faq {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -365.12px -572.32px;
    background-repeat: no-repeat;
  }
}

.icon-message {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -4px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-message {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -0.29vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-message {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -2.24px -572.32px;
    background-repeat: no-repeat;
  }
}

.icon-search1 {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -656.24px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-search1 {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -48.04vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-search1 {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -581.28px -367.4944px;
    background-repeat: no-repeat;
  }
}

.icon-donation {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -976px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-donation {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -71.45vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-donation {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -546.56px -572.32px;
    background-repeat: no-repeat;
  }
}

.icon-etc {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1150.24px -112px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-etc {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.2vw -8.2vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-etc {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -644.1344px -62.72px;
    background-repeat: no-repeat;
  }
}

.icon-consultation-process1 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -950px -772px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-consultation-process1 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -69.55vw -56.52vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-consultation-process1 {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -760px -617.6px;
    background-repeat: no-repeat;
  }
}

.icon-consultation-process2 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1258.24px -1095px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-consultation-process2 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -92.11vw -80.16vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-consultation-process2 {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -1006.592px -876px;
    background-repeat: no-repeat;
  }
}

.icon-consultation-process3 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -268px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-consultation-process3 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -19.62vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-consultation-process3 {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -214.4px -987.2px;
    background-repeat: no-repeat;
  }
}

.icon-consultation-process4 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -180px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-consultation-process4 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -13.18vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-consultation-process4 {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -144px -987.2px;
    background-repeat: no-repeat;
  }
}

.icon-consultation-process5 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -620px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-consultation-process5 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -45.39vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-consultation-process5 {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -496px -987.2px;
    background-repeat: no-repeat;
  }
}

.icon-consultation-process6 {
  width: 80px;
  height: 80px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -356px -1234px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-consultation-process6 {
    width: 5.85652vw;
    height: 5.86vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -26.06vw -90.34vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-consultation-process6 {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -284.8px -987.2px;
    background-repeat: no-repeat;
  }
}

.icon-search-plus {
  width: 40px;
  height: 40px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1506.97211px 1464.14343px;
  background-size: 1506.97211px 1464.14343px;
  background-position: -374.50199px -191.23506px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-search-plus {
    width: 2.92826vw;
    height: 2.93vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.32vw 107.18vw;
    background-size: 110.32vw 107.18vw;
    background-position: -27.42vw -14vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-search-plus {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 904.18327px 878.48606px;
    background-size: 904.18327px 878.48606px;
    background-position: -224.7012px -114.74104px;
    background-repeat: no-repeat;
  }
}

.icon-message1 {
  width: 40px;
  height: 40px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -508px -548px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .icon-message1 {
    width: 2.92826vw;
    height: 2.93vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -37.19vw -40.12vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .icon-message1 {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 907.8px 882px;
    background-size: 907.8px 882px;
    background-position: -304.8px -328.8px;
    background-repeat: no-repeat;
  }
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 101;
  background: #fff;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.header.is-transparent {
  background: transparent;
}

@media (min-width: 769px) {
  .header.is-transparent .gnb-link {
    color: var(--color, #fff);
  }
}

@media screen and (max-width: 768px) {
  .header.is-transparent::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 0;
    background: #0079fa;
    -webkit-transition: .25s;
    transition: .25s;
    content: '';
  }
  .header.is-transparent .header-bottom {
    background: transparent;
  }
  .header.is-transparent .header-bottom::after {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    content: '';
  }
}

.header.is-transparent .header-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.header.is-transparent .header-form-search {
  border-color: #fff;
  background: rgba(33, 33, 33, 0.05);
}

.header.is-transparent .header-form-search .swiper-slide {
  color: var(--color, #fff);
}

.header.is-transparent .logo-img-black {
  display: none;
}

.header.is-transparent.is-dark .header-top, .header.is-transparent.is-dark .gnb-depth {
  border-color: rgba(33, 33, 33, 0.4);
}

.header.is-transparent.is-dark .header-form-search {
  background: rgba(33, 33, 33, 0.05);
  border: solid 1px #212121;
}

@media screen and (max-width: 768px) {
  .header.is-transparent.is-dark .header-bottom {
    border-color: rgba(33, 33, 33, 0.4);
  }
  .header.is-transparent.is-dark .header-bottom::after {
    background: rgba(33, 33, 33, 0.4);
  }
}

.header.is-transparent.is-dark .header-form-search .swiper-slide {
  color: #212121;
}

.header.is-transparent.is-dark .header-form-search:after {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -404px -1394px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .header.is-transparent.is-dark .header-form-search:after {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -29.58vw -102.05vw;
    background-repeat: no-repeat;
  }
}

.header.is-transparent.is-show-layer-search.is-hover .gnb-depth {
  border-bottom: 1px solid #dbdbdb;
}

.header:not(.is-transparent) .logo-img {
  display: none !important;
}

.header:not(.is-transparent) .logo-img-black {
  display: block !important;
}

.header:not(.is-transparent) .header-top {
  background: #0079fa;
  -webkit-transition: background 200ms;
  transition: background 200ms;
}

.header:not(.is-transparent) .header-bottom {
  border-top: 0;
  border-bottom: 1px solid #0079fa;
}

.header:not(.is-transparent) .header-form-search:after {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -404px -1394px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .header:not(.is-transparent) .header-form-search:after {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -29.58vw -102.05vw;
    background-repeat: no-repeat;
  }
}

.header:not(.is-transparent) .gnb-item .gnb-depth-inner::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  width: 100vw;
  z-index: 2;
  height: 1px;
  background: #ededed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.header:not(.is-transparent) .icon-language {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -996px -894px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .header:not(.is-transparent) .icon-language {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -72.91vw -65.45vw;
    background-repeat: no-repeat;
  }
}

.header:not(.is-transparent) .icon-language-en {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -996px -974px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .header:not(.is-transparent) .icon-language-en {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -72.91vw -71.3vw;
    background-repeat: no-repeat;
  }
}

.header:not(.is-transparent) .icon-search {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -404px -1394px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .header:not(.is-transparent) .icon-search {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -29.58vw -102.05vw;
    background-repeat: no-repeat;
  }
}

.header:not(.is-transparent) .icon-search.icon-search-close {
  width: 36px;
  height: 36px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1361.7px 1323px;
  background-size: 1361.7px 1323px;
  background-position: -975.6px -963px;
  background-repeat: no-repeat;
}

.header:not(.is-transparent) .icon-hamburger {
  background: #212121;
}

.header:not(.is-transparent) .icon-hamburger::before, .header:not(.is-transparent) .icon-hamburger::after {
  background: #212121;
}

.header.is-scroll .header-top.is-background {
  border-bottom-color: transparent;
}

.header.is-scroll .header-utility-link {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .header.is-scroll .header-bottom {
    height: 65px;
    margin-top: 0;
    border-top: 0;
  }
  .header.is-scroll .header-mask {
    border-bottom: 0;
  }
}

.header.is-load .header-top::after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0s;
  transition: 0s;
}

.header.is-change-mo .header-bottom {
  border-bottom: 1px solid #0079fa;
}

@media (min-width: 769px) {
  .header.is-show-layer-search.header-home:not(.is-transparent) {
    background: #fff;
  }
}

.header.is-show-layer-search .header-top {
  border-color: transparent !important;
}

.header.is-show-layer-search .header-utility-link {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .header.is-show-layer-search .icon.icon-search-close {
    width: 36px;
    height: 36px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1361.7px 1323px;
    background-size: 1361.7px 1323px;
    background-position: -975.6px -963px;
    background-repeat: no-repeat;
  }
}

.header.is-dark .logo-img-white {
  display: none;
}

.header.is-dark .logo-img-black {
  display: block;
}

.header-top {
  text-align: right;
}

@media (min-width: 769px) {
  .header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    min-height: 30px;
  }
  .header-top::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #0079fa;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: height 100ms;
    transition: height 100ms;
    pointer-events: none;
    content: '';
  }
  .header-top.is-background {
    border-color: #0079fa;
  }
  .header-top.is-background::after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 220ms;
    transition: -webkit-transform 220ms;
    transition: transform 220ms;
    transition: transform 220ms, -webkit-transform 220ms;
  }
}

.header-utility-list {
  z-index: 3;
  font-size: 0;
}

.header-utility-item {
  display: inline-block;
  margin-right: 40px;
  padding: 8px 0 6px;
}

@media (max-width: 1366px) {
  .header-utility-item {
    margin-right: 40px;
    margin-right: 2.92826vw;
    padding: 8px 0px 6px;
    padding: 0.58565vw 0vw 0.43924vw;
  }
}

.header-utility-link {
  font-size: 13px;
  line-height: 15px;
  color: var(--color, #fff);
  -webkit-transition: color .2s;
  transition: color .2s;
  -webkit-transition-delay: var(--delay, 0s);
  transition-delay: var(--delay, 0s);
}

@media (max-width: 1366px) {
  .header-utility-link {
    font-size: 13px;
    font-size: 0.95168vw;
    line-height: 15px;
    line-height: 1.0981vw;
  }
}

.header-utility-mo {
  margin-top: auto;
}

.header-utility-mo .utility-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 19px;
  padding: 0 24px;
  border-top: 1px solid #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.header-utility-mo .utility-item {
  width: 50%;
  margin-top: 20px;
}

.header-utility-mo .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 14px;
  line-height: 17px;
  color: #757575;
}

.header-utility-mo .icon {
  margin-right: 5px;
}

.header-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 40px;
}

@media (max-width: 1366px) {
  .header-bottom {
    padding: 0px 40px;
    padding: 0vw 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .header-bottom {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 64px;
    margin-top: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-top: 0;
    background: #fff;
  }
  .header-bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 5px;
    background: #0079fa;
  }
  .header-bottom .logo {
    position: relative;
    z-index: 4;
    margin-left: 20px;
  }
  .header-bottom-right {
    margin-right: 17px;
    padding: 9px 0 9px;
  }
}

.header-bottom-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 4;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .header-bottom-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    top: -100vh;
    z-index: -1;
    height: calc(100vh - 58px);
    background: #fff;
  }
}

.header .logo {
  font-size: 0;
}

.header .logo-img {
  width: 146px;
  height: 26px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 1366px) {
  .header .logo-img {
    width: 146px;
    width: 10.68814vw;
    height: 26px;
    height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .header .logo-img {
    width: 135px;
    height: 24px;
  }
}

.header-lang {
  position: relative;
  margin-left: 40px;
}

@media (max-width: 1366px) {
  .header-lang {
    margin-left: 40px;
    margin-left: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .header-lang {
    display: none;
  }
}

@media screen and (min-width: 1366px) {
  .header-lang .btn-language:hover .icon-language {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -364px -1394px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .header-lang .btn-language:hover .icon-language-en {
    width: 32px;
    height: 32px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -284px -1394px;
    background-repeat: no-repeat;
  }
}

.header .btn-gnb {
  position: relative;
  margin-left: 40px;
  padding: 20px;
}

@media (max-width: 768px) {
  .header .btn-gnb .icon-hamburger {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: background 200ms;
    transition: background 200ms;
  }
  .header .btn-gnb .icon-hamburger::before, .header .btn-gnb .icon-hamburger::after {
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
}

@media (max-width: 1366px) {
  .header .btn-gnb {
    margin-left: 40px;
    margin-left: 2.92826vw;
    padding: 20px;
    padding: 1.46413vw;
  }
}

@media screen and (min-width: 1366px) {
  .header .btn-gnb:hover .icon-hamburger, .header .btn-gnb.is-active .icon-hamburger {
    background-color: #0079fa;
  }
}

@media screen and (min-width: 1366px) {
  .header .btn-gnb:hover .icon-hamburger::before, .header .btn-gnb:hover .icon-hamburger::after, .header .btn-gnb.is-active .icon-hamburger::before, .header .btn-gnb.is-active .icon-hamburger::after {
    background-color: #0079fa;
  }
}

@media screen and (max-width: 768px) {
  .header .btn-gnb.is-active .icon-hamburger {
    background: transparent;
  }
  .header .btn-gnb.is-active .icon-hamburger::before, .header .btn-gnb.is-active .icon-hamburger::after {
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
  .header .btn-gnb.is-active .icon-hamburger::before {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
  }
  .header .btn-gnb.is-active .icon-hamburger::after {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
}

@media screen and (max-width: 768px) {
  .header .btn-gnb {
    margin-left: 12px;
    padding: 20px;
  }
}

.header-form-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 280px;
  height: 48px;
  overflow: hidden;
  padding: 8px 20px 8px 24px;
  background: #f7f7fa;
  border-radius: 24px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.header-form-search .icon-search {
  position: absolute;
  right: 20px;
}

@media (min-width: 769px) and (max-width: 1600px) {
  .header-form-search .icon-search {
    right: 20px;
    right: 1.25vw;
  }
}

@media (max-width: 1600px) {
  .header-form-search {
    width: 280px;
    width: 17.5vw;
    height: 48px;
    height: 3vw;
    padding: 8px 20px 8px 24px;
    padding: 0.5vw 1.25vw 0.5vw 1.5vw;
  }
}

.header-form-search .swiper-suggestion-search {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: 19px;
  max-width: 85%;
  margin: 0;
}

@media (max-width: 1600px) {
  .header-form-search .swiper-suggestion-search {
    max-height: 48px;
    max-height: 3vw;
  }
}

.header-form-search .swiper-suggestion-search .text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-form-search .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #212121;
  font-size: 16px;
  line-height: 19px;
}

@media (max-width: 1600px) {
  .header-form-search .swiper-slide {
    font-size: 16px;
    font-size: 1vw;
    line-height: 19px;
    line-height: 1.1875vw;
  }
}

.header-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -3;
  height: 0;
  background: linear-gradient(180deg, #0079fa 30px, #fff 30px);
  -webkit-transition: height var(--duration, 0.3s);
  transition: height var(--duration, 0.3s);
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .header-mask {
    position: fixed;
    top: -1px;
    bottom: 0;
    height: 0;
    z-index: 3;
    background: #fff;
  }
}

.header.is-hover:not(.is-show-layer-search) .header-top {
  border-bottom-color: transparent;
}

.header.is-hover .gnb-item.is-hover:not(.is-render) .gnb-depth-inner {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header.is-hover .header-utility-link {
  color: #fff;
}

.header.is-hover.is-transparent .header-form-search:after {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -404px -1394px;
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .header.is-hover.is-transparent .header-form-search:after {
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -29.58vw -102.05vw;
    background-repeat: no-repeat;
  }
}

.header.is-hover.is-transparent .header-form-search .swiper-slide {
  color: #212121;
}

.header.is-hover.is-transparent .gnb-item.is-hover .gnb-link {
  color: #0079fa;
}

.header.is-hover.is-transparent .gnb-link {
  color: #212121;
}

.header.is-open .header-search {
  display: none;
}

.header.is-open .header-lang {
  display: block;
}

.header.is-open .header-bottom, .header.is-show-layer-search .header-bottom {
  border-top: 0;
  border-bottom-color: #0079fa !important;
}

.header.is-open .header-bottom:after, .header.is-show-layer-search .header-bottom:after {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header.is-open .icon-hamburger, .header.is-show-layer-search .icon-hamburger {
  background: #212121;
}

.header.is-open .icon-hamburger::before, .header.is-open .icon-hamburger::after, .header.is-show-layer-search .icon-hamburger::before, .header.is-show-layer-search .icon-hamburger::after {
  background: #212121;
}

.header.is-open .icon-language, .header.is-show-layer-search .icon-language {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -996px -894px;
  background-repeat: no-repeat;
}

.header.is-open .icon-language-en, .header.is-show-layer-search .icon-language-en {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -996px -974px;
  background-repeat: no-repeat;
}

.header.is-open .icon-search, .header.is-show-layer-search .icon-search {
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -404px -1394px;
  background-repeat: no-repeat;
}

.header.is-open.is-transparent::before, .header.is-show-layer-search.is-transparent::before {
  height: 5px;
  -webkit-transition: .1s;
  transition: .1s;
}

html:lang(en) .header .logo-img {
  width: 238px;
  height: 24px;
}

@media (max-width: 1366px) {
  html:lang(en) .header .logo-img {
    width: 238px;
    width: 17.42313vw;
    height: 24px;
    height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .header .logo-img {
    width: 198px;
    height: auto;
  }
}

.gnb {
  margin-left: 170px;
}

@media (max-width: 1660px) {
  .gnb {
    margin-left: 100px;
    margin-left: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb {
    overflow: hidden;
    overflow-y: auto;
    z-index: 99;
    max-height: calc(100% - 100px);
    margin: 0;
    padding: 0;
    padding-bottom: 25px;
  }
}

.gnb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .gnb-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 24px 0;
  }
}

.gnb-item:first-child .gnb-link {
  padding-left: 0;
}

@media screen and (max-width: 768px) {
  .gnb-item + .gnb-item {
    margin: 28px 0 0;
  }
}

@media (min-width: 769px) {
  .gnb-item:nth-child(2) .gnb-depth-inner {
    -webkit-transition: -webkit-transform var(--durationDepth, 0.9s);
    transition: -webkit-transform var(--durationDepth, 0.9s);
    transition: transform var(--durationDepth, 0.9s);
    transition: transform var(--durationDepth, 0.9s), -webkit-transform var(--durationDepth, 0.9s);
  }
}

.gnb-item.is-hover .gnb-depth {
  z-index: 4;
  pointer-events: unset;
}

.gnb-item.is-hover .gnb-link {
  color: #0079fa;
}

.gnb-item.is-hover.is-render .gnb-depth-inner {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.gnb-item.is-active .gnb-link {
  color: #0079fa;
}

@media screen and (min-width: 1366px) {
  .gnb-item > span:hover {
    color: #0079fa;
  }
}

.gnb-link {
  display: inline-block;
  padding: 31px 32px 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: var(--color, #000);
}

@media (max-width: 1600px) {
  .gnb-link {
    padding: 31px 22px 30px;
    padding: 1.9375vw 1.375vw 1.875vw;
    font-size: 18px;
    font-size: 1.125vw;
    line-height: 21px;
    line-height: 1.3125vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-link {
    padding: 0;
    font-size: 21px;
    line-height: 25px;
    color: #212121;
  }
  .gnb-link.is-active {
    color: #0079fa;
  }
}

@media screen and (max-width: 768px) {
  .gnb-link.no-link {
    pointer-events: initial;
  }
}

@media (min-width: 769px) {
  .gnb-depth {
    overflow: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -2;
    height: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    -webkit-transition: height var(--durationDepth, 0.6s);
    transition: height var(--durationDepth, 0.6s);
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth {
    display: none;
    margin-top: 30px;
  }
}

@media (min-width: 769px) {
  .gnb-depth-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: calc(100% - 400px);
    height: 100%;
    padding: 0 40px;
    -webkit-transform: translateY(calc(-100% - 112px));
    transform: translateY(calc(-100% - 112px));
    -webkit-transition: -webkit-transform var(--durationDepth, 0.7s);
    transition: -webkit-transform var(--durationDepth, 0.7s);
    transition: transform var(--durationDepth, 0.7s);
    transition: transform var(--durationDepth, 0.7s), -webkit-transform var(--durationDepth, 0.7s);
  }
}

@media (min-width: 769px) and (max-width: 1600px) {
  .gnb-depth-inner {
    max-width: 100%;
    padding: 0px 40px;
    padding: 0vw 2.92826vw;
  }
}

@media (min-width: 769px) {
  .gnb-depth-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(25% - 320px);
    flex: 1 0 calc(25% - 320px);
    padding: 39px 24px 40px;
    border-right: 1px solid #ededed;
  }
}

@media (min-width: 768px) and (max-width: 1919px) {
  .gnb-depth-col {
    padding: 35px 20px 30px;
    padding: 2.56223vw 1.46413vw 2.19619vw;
    -ms-flex-preferred-size: calc(25% - 260px);
    flex-basis: calc(25% - 260px);
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth-col {
    padding-left: 16px;
  }
  .gnb-depth-col + .gnb-depth-col {
    margin-top: 30px;
  }
}

.gnb-depth-col-fix-width {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(18% - 216px);
  flex: 1 0 calc(18% - 216px);
}

@media screen and (max-width: 768px) {
  .gnb-depth-col-fix-width + .gnb-depth-col {
    margin-top: 8px;
  }
}

@media screen and (min-width: 1366px) {
  .gnb-depth-col span:hover {
    color: #0079fa;
  }
}

.gnb-depth-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 320px;
  flex-basis: 320px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 38px;
  border-right: 1px solid #ededed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 1919px) {
  .gnb-depth-intro {
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px;
  }
}

@media (max-width: 1366px) {
  .gnb-depth-intro {
    display: none;
  }
}

.gnb-depth-intro .depth-intro-title {
  font-size: 32px;
  line-height: 38px;
  color: #212121;
}

.gnb-depth-intro .depth-intro-desc {
  margin-top: 21px;
  font-size: 16px;
  line-height: 23px;
  color: #757575;
}

.gnb-depth-intro .depth-intro-link {
  margin: auto 0 38px;
  font-size: 15px;
  line-height: 18px;
  color: #757575;
}

.gnb-depth-intro .depth-intro-link:hover {
  color: #212121;
}

.gnb-depth-intro .depth-intro-link:hover:after {
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -906px -1442px;
  background-repeat: no-repeat;
}

.gnb-depth-intro .depth-intro-link::after {
  display: inline-block;
  margin-left: 2px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -880px -1442px;
  background-repeat: no-repeat;
  vertical-align: bottom;
  content: '';
}

.gnb-depth-item + .gnb-depth-item {
  margin-top: 40px;
}

@media (max-width: 1366px) {
  .gnb-depth-item + .gnb-depth-item {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth-item + .gnb-depth-item {
    margin-top: 28px;
  }
}

.gnb-depth-link {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #212121;
}

@media screen and (min-width: 1366px) {
  .gnb-depth-link:hover {
    color: #0079fa;
  }
  .gnb-depth-link:hover.is-outlink::after {
    width: 18px;
    height: 18px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -424.16px -192px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1366px) {
  .gnb-depth-link:hover.is-outlink::after {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -31.05vw -14.06vw;
    background-repeat: no-repeat;
  }
}

@media (max-width: 1366px) {
  .gnb-depth-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth-link {
    font-size: 18px;
    line-height: 21px;
  }
}

.gnb-depth-link.is-outlink::after {
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -802px -1442px;
  background-repeat: no-repeat;
  vertical-align: text-top;
  content: '';
}

@media (max-width: 1366px) {
  .gnb-depth-link.is-outlink::after {
    margin-left: 6px;
    margin-left: 0.43924vw;
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -58.71vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth-link.is-outlink::after {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1681.11111px 1633.33333px;
    background-size: 1681.11111px 1633.33333px;
    background-position: -891.11111px -1602.22222px;
    background-repeat: no-repeat;
  }
}

.gnb-depth2-item {
  margin-top: 24px;
}

@media (max-width: 1366px) {
  .gnb-depth2-item {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-top: 23px;
  }
  .gnb-depth2-item-full {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .gnb-depth2-item-full:nth-child(3) {
    margin-top: 0;
  }
  .gnb-depth2-item-full .gnb-depth2-col-style2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
  .gnb-depth2-item-full .gnb-depth2-col-style2:not(:first-child) {
    margin-top: 20px;
  }
}

.gnb-depth2-item .link {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (min-width: 1366px) {
  .gnb-depth2-item .link:hover {
    color: #212121;
  }
}

@media (max-width: 1366px) {
  .gnb-depth2-item .link {
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-item .link {
    font-size: 15px;
    line-height: 18px;
  }
}

.gnb-depth2-item .link.is-outlink::after {
  display: inline-block;
  margin-left: 2px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -880px -1442px;
  background-repeat: no-repeat;
  vertical-align: sub;
  content: '';
}

@media screen and (min-width: 1366px) {
  .gnb-depth2-item .link.is-outlink:hover:after {
    width: 18px;
    height: 18px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -906px -1442px;
    background-repeat: no-repeat;
  }
}

@media (max-width: 1366px) {
  .gnb-depth2-item .link.is-outlink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .gnb-depth2-item .link.is-outlink::after {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -64.42vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-item .link.is-outlink::after {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1681.11111px 1633.33333px;
    background-size: 1681.11111px 1633.33333px;
    background-position: -977.77778px -1602.22222px;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-item .link .sub-title {
    font-size: 12px;
    line-height: 18px;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-item-style1 .gnb-depth2-col {
    width: 100%;
  }
}

.gnb-depth2-item-style2 .gnb-depth2-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  width: 100%;
}

.gnb-depth2-item-style2 .gnb-depth2-col-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gnb-depth2-item-style2 .gnb-depth2-col-item2 {
  width: 37.2%;
}

@media screen and (max-width: 768px) {
  .gnb-depth2-item-style2 .gnb-depth2-col-item2 {
    width: 50%;
  }
}

@media (min-width: 769px) {
  .gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(3n - 1) {
    width: 40%;
  }
}

@media (min-width: 769px) {
  .gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(3n) {
    width: 22.8%;
  }
}

@media (min-width: 769px) {
  .gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(-n + 3) {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(-n + 2) {
    margin-top: 0;
  }
}

.gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(n + 4) {
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(n + 4) {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(n + 4) {
    margin-top: 20px;
  }
}

.gnb-depth2-list {
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .gnb-depth2-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-list-full .gnb-depth2-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.gnb-depth2-col {
  display: inline-block;
  margin-right: 80px;
  vertical-align: top;
}

@media (min-width: 768px) and (max-width: 1919px) {
  .gnb-depth2-col {
    margin-right: 50px;
    margin-right: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-col {
    width: 50%;
    margin-right: 0;
  }
  .gnb-depth2-col.gnb-depth2-item-full {
    display: block;
  }
}

.gnb-depth2-col.gnb-depth2-col-style2 {
  margin-right: 50px;
}

@media (min-width: 768px) and (max-width: 1919px) {
  .gnb-depth2-col.gnb-depth2-col-style2 {
    margin-right: 25px;
    margin-right: 1.83016vw;
  }
}

@media (min-width: 768px) and (max-width: 1480px) {
  .gnb-depth2-col.gnb-depth2-col-style2 {
    margin-right: 15px;
    margin-right: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-col.gnb-depth2-col-style2 {
    margin-right: 0;
  }
}

.gnb-depth2-col.gnb-depth2-col-style2 .gnb-depth2-col-item:not(:first-child) {
  margin-top: 24px;
}

@media (min-width: 768px) and (max-width: 1366px) {
  .gnb-depth2-col.gnb-depth2-col-style2 .gnb-depth2-col-item:not(:first-child) {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-col.gnb-depth2-col-style2 .gnb-depth2-col-item:not(:first-child) {
    margin-top: 20px;
  }
}

.gnb-depth2-col-list {
  font-size: 0;
}

.gnb-depth2-col-list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gnb-depth2-col-list-row .gnb-depth2-col-item:nth-child(n+1) {
  width: 48%;
  margin: 16px 0 0;
}

@media screen and (max-width: 1365px) {
  .gnb-depth2-col-list-row .gnb-depth2-col-item:nth-child(n+1) {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-col-list-row .gnb-depth2-col-item:nth-child(n+1) {
    width: 50%;
    margin: 0 0 20px;
  }
}

.gnb-depth2-col-list-row .gnb-depth2-col-item:nth-child(n+1):nth-child(1), .gnb-depth2-col-list-row .gnb-depth2-col-item:nth-child(n+1):nth-child(2) {
  margin-top: 0;
}

.gnb-depth2-col-list-row .gnb-depth2-col-item2:nth-child(n+1) {
  width: 47.5%;
}

@media screen and (max-width: 768px) {
  .gnb-depth2-col-list-row .gnb-depth2-col-item2:nth-child(n+1) {
    width: 50%;
    margin-bottom: 20px;
  }
}

.gnb-depth2-col-item:not(:first-child) {
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .gnb-depth2-col-item:not(:first-child) {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-col-item:not(:first-child) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .gnb-depth2-col.gnb-depth2-col-list-row {
    width: 100%;
  }
}

.gnb-brand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 520px;
  margin: 16px 0 32px;
}

@media (min-width: 768px) and (max-width: 1919px) {
  .gnb-brand-list {
    gap: 8px;
    gap: 0.5vw;
    margin: 16px 0px 32px;
    margin: 1vw 0vw 2vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-brand-list {
    gap: 0;
    margin: 10px -4px 15px;
  }
}

@media screen and (max-width: 768px) {
  .gnb-brand-item {
    margin: 4px;
  }
}

.gnb-brand-item a {
  display: block;
  position: relative;
}

.gnb-brand-item a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: var(--background);
  content: '';
}

.gnb-brand-img {
  display: block;
  width: 80px;
  height: 40px;
  -webkit-mask-image: var(--url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-image: var(--url);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #212121;
}

@media (min-width: 768px) and (max-width: 1919px) {
  .gnb-brand-img {
    width: 80px;
    width: 5vw;
    height: 40px;
    height: 2.5vw;
  }
}

@media screen and (max-width: 768px) {
  .gnb-brand-img {
    width: 88px;
    height: 44px;
  }
}

html:lang(en) .gnb {
  margin-left: 82px;
}

@media (min-width: 1366px) and (max-width: 1500px) {
  html:lang(en) .gnb {
    margin-left: 50px;
  }
}

@media screen and (max-width: 1365px) {
  html:lang(en) .gnb {
    margin-left: 50px;
    margin-left: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .gnb {
    margin-left: 0;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  html:lang(en) .gnb-link {
    padding-left: 15px;
    padding-left: 1.0981vw;
    padding-right: 15px;
    padding-right: 1.0981vw;
  }
}

html:lang(en) .gnb-depth-list-style2 {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 17%;
  flex: 1 0 17%;
}

html:lang(en) .gnb-depth2-item-style2 .gnb-depth2-col-item2 {
  width: 35%;
}

@media screen and (max-width: 768px) {
  html:lang(en) .gnb-depth2-item-style2 .gnb-depth2-col-item2 {
    width: 50%;
  }
}

@media (min-width: 769px) {
  html:lang(en) .gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(3n - 1) {
    width: 38%;
  }
}

@media (min-width: 769px) {
  html:lang(en) .gnb-depth2-item-style2 .gnb-depth2-col-item2:nth-child(3n) {
    width: 27%;
  }
}

@media screen and (min-width: 1366px) {
  html:lang(en) .gnb-depth-col {
    padding-right: 15px;
  }
}

@media screen and (max-width: 1365px) {
  html:lang(en) .gnb-depth-col {
    padding-right: 15px;
    padding-right: 0.9375vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .gnb-depth-col {
    padding-right: 0;
  }
}

html:lang(en) .gnb-depth2-item .link .sub-title {
  display: block;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.is-bg-dark .breadcrumb .breadcrumb-item {
  color: #fff;
}

.is-bg-dark .breadcrumb .breadcrumb-item:not(:first-child)::before {
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -984px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .is-bg-dark .breadcrumb .breadcrumb-item:not(:first-child)::before {
    width: 1.1713vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -72.04vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .is-bg-dark .breadcrumb .breadcrumb-item:not(:first-child)::before {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1418.4375px 1378.125px;
    background-size: 1418.4375px 1378.125px;
    background-position: -922.5px -1351.875px;
    background-repeat: no-repeat;
  }
}

.is-bg-light .breadcrumb .breadcrumb-item {
  color: #212121;
}

.is-bg-light .breadcrumb .breadcrumb-item:not(:first-child)::before {
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1150px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .is-bg-light .breadcrumb .breadcrumb-item:not(:first-child)::before {
    width: 1.1713vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.19vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .is-bg-light .breadcrumb .breadcrumb-item:not(:first-child)::before {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1418.4375px 1378.125px;
    background-size: 1418.4375px 1378.125px;
    background-position: -1078.125px -1351.875px;
    background-repeat: no-repeat;
  }
}

.breadcrumb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .breadcrumb-item {
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumb-item {
    font-size: 12px;
    line-height: 15px;
  }
}

.breadcrumb-item:last-child {
  color: #0079fa;
}

.breadcrumb-item:not(:first-child)::before {
  content: '';
  display: inline-block;
  margin: 0 4px;
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1008px -1442px;
  background-repeat: no-repeat;
  vertical-align: top;
}

@media screen and (max-width: 1365px) {
  .breadcrumb-item:not(:first-child)::before {
    width: 1.1713vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -73.79vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumb-item:not(:first-child)::before {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1418.4375px 1378.125px;
    background-size: 1418.4375px 1378.125px;
    background-position: -945px -1351.875px;
    background-repeat: no-repeat;
  }
}

.breadcrumb .icon {
  vertical-align: initial;
}

@media screen and (max-width: 768px) {
  .breadcrumb .icon {
    margin-top: -1px;
  }
}

.dropdown {
  position: relative;
}

.dropdown.is-active .dropdown-opts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-box {
  width: 260px;
  min-height: 410px;
  padding: 40px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .dropdown-box {
    width: 260px;
    width: 19.03367vw;
    min-height: 410px;
    min-height: 30.01464vw;
    padding: 40px 20px;
    padding: 2.92826vw 1.46413vw;
  }
}

.dropdown-box:first-child {
  padding-left: 40px;
}

@media screen and (max-width: 1365px) {
  .dropdown-box:first-child {
    padding-left: 40px;
    padding-left: 2.92826vw;
  }
}

.dropdown-box:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.dropdown-box-style2 {
  width: 240px;
}

@media screen and (max-width: 1365px) {
  .dropdown-box-style2 {
    width: 240px;
    width: 17.56955vw;
  }
}

.dropdown-brand .dropdown-box {
  width: 346px;
}

@media screen and (max-width: 1365px) {
  .dropdown-brand .dropdown-box {
    width: 346px;
    width: 25.32943vw;
  }
}

.dropdown-brand .dropdown-box:first-child {
  width: 200px;
}

@media screen and (max-width: 1365px) {
  .dropdown-brand .dropdown-box:first-child {
    width: 200px;
    width: 14.64129vw;
  }
}

.dropdown-brand dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-brand .dropdown-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dropdown-sns {
  min-width: 186px;
}

@media screen and (max-width: 1365px) {
  .dropdown-sns {
    min-width: 185px;
    min-width: 13.54319vw;
  }
}

.dropdown-sns .dropdown-opts {
  left: 0;
  right: 0;
}

.dropdown-sns .dropdown-box {
  width: 100%;
  min-height: unset;
  padding: 40px 12px 40px 20px;
}

@media screen and (max-width: 1365px) {
  .dropdown-sns .dropdown-box {
    padding: 40px 12px 40px 20px;
    padding: 2.92826vw 0.87848vw 2.92826vw 1.46413vw;
  }
}

.dropdown-sns .icon {
  margin-right: 8px;
}

@media screen and (max-width: 1365px) {
  .dropdown-sns .icon {
    margin-right: 8px;
    margin-right: 0.58565vw;
  }
}

.dropdown .btn-dropdown {
  display: block;
  width: 100%;
  padding: 26px 12px 25px 20px;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 300;
  line-height: 19px;
  color: #fff;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .dropdown .btn-dropdown {
    padding: 26px 12px 25px 20px;
    padding: 1.90337vw 0.87848vw 1.83016vw 1.46413vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

.dropdown .btn-dropdown[aria-expanded="true"] {
  border: 1px solid #757575;
}

.dropdown .btn-dropdown::after {
  position: absolute;
  top: 26px;
  right: 13px;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -228px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .dropdown .btn-dropdown::after {
    top: 26px;
    top: 1.90337vw;
    right: 13px;
    right: 0.95168vw;
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -16.69vw -105.56vw;
    background-repeat: no-repeat;
  }
}

.dropdown-opts {
  display: none;
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  z-index: 2;
  border: 1px solid #757575;
  background: #000;
}

@media screen and (max-width: 1365px) {
  .dropdown-opts {
    bottom: calc(100% + 0.439vw);
  }
}

.dropdown-opts .dropdown-list {
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .dropdown-opts .dropdown-list {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

.dropdown-opts .dropdown-list-item {
  margin-top: 10px;
}

@media screen and (max-width: 1365px) {
  .dropdown-opts .dropdown-list-item {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

.dropdown-opts .link {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

@media screen and (max-width: 1365px) {
  .dropdown-opts .link {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (min-width: 1366px) {
  .dropdown-opts .link:not(.link-sns):after,
  .dropdown-opts .link.link-sns .text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: width 0.25s;
    transition: width 0.25s;
  }
  .dropdown-opts .link .text {
    position: relative;
  }
  .dropdown-opts .link:hover {
    color: #fff;
  }
  .dropdown-opts .link:hover::after,
  .dropdown-opts .link:hover .text::after {
    width: 100%;
  }
  .dropdown-opts .link:hover .icon-instagram {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -4px -1442px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1365px) {
  .dropdown-opts .link:hover .icon-instagram {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -0.29vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .dropdown-opts .link:hover .icon-fb {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -743.5px -672px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1365px) {
  .dropdown-opts .link:hover .icon-fb {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -54.43vw -49.19vw;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .dropdown-opts .link:hover .icon-youtube {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -324px -1442px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1365px) {
  .dropdown-opts .link:hover .icon-youtube {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -23.72vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .dropdown-opts .link:hover .icon-blog {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1458px -1394px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) and (max-width: 1365px) {
  .dropdown-opts .link:hover .icon-blog {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.73vw -102.05vw;
    background-repeat: no-repeat;
  }
}

.dropdown-opts dt {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .dropdown-opts dt {
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
  }
}

.dropdown-opts dd + dt {
  margin-top: 32px;
}

@media screen and (max-width: 1365px) {
  .dropdown-opts dd + dt {
    margin-top: 32px;
    margin-top: 2.34261vw;
  }
}

.dropdown-opts-clone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  right: auto;
}

html:lang(en) .dropdown-opts .link {
  font-size: 12px;
  text-transform: uppercase;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .dropdown-opts .link {
    font-size: 12px;
    font-size: 0.87848vw;
  }
}

.footer {
  padding-bottom: 40px;
  background: #000;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .footer {
    padding-bottom: 40px;
    padding-bottom: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .footer {
    padding: 36px 0;
  }
}

.footer-logo {
  font-size: 0;
}

@media (min-width: 769px) {
  .footer-logo {
    padding: 20px 0;
  }
}

@media (max-width: 1366px) {
  .footer-logo {
    padding: 25px 0px;
    padding: 1.83016vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-logo {
    padding: 0;
  }
}

@media (max-width: 1366px) {
  .footer-logo-img {
    width: 120px;
    width: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-logo-img {
    width: 120px;
  }
}

.footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 769px) {
  .footer-content:not(:first-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}

.footer-sites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.footer-sites .dropdown {
  min-width: 188px;
}

@media screen and (max-width: 1365px) {
  .footer-sites .dropdown {
    min-width: 188px;
    min-width: 13.76281vw;
  }
}

.footer-sites .dropdown + .dropdown {
  margin-left: 2px;
}

.footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .footer-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.footer-info-box {
  margin-top: 24px;
}

@media (max-width: 1366px) {
  .footer-info-box {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-info-box {
    margin-top: 20px;
  }
  .footer-info-box.is-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 28px;
  }
}

.footer-info-list {
  max-width: 400px;
  margin: -5px 0;
  font-size: 0;
}

@media (max-width: 1366px) {
  .footer-info-list {
    max-width: 400px;
    max-width: 29.28258vw;
    margin: -5px 0px;
    margin: -0.36603vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-info-list {
    max-width: 290px;
    margin: -6px 0;
  }
}

.footer-info-item {
  display: inline-block;
  margin: 5px 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 19px;
  color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 1366px) {
  .footer-info-item {
    margin: 5px 0px;
    margin: 0.36603vw 0vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-info-item {
    margin: 6px 0;
    font-size: 12px;
    line-height: 15px;
  }
  .footer-info-item:nth-child(2)::after {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin-left: 12px;
    background: rgba(255, 255, 255, 0.2);
    vertical-align: sub;
    content: "";
  }
}

.footer-info-item:nth-child(2n + 2)::before {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 24px;
  background: rgba(255, 255, 255, 0.2);
  vertical-align: sub;
  content: "";
}

@media (max-width: 1366px) {
  .footer-info-item:nth-child(2n + 2)::before {
    height: 14px;
    height: 1.02489vw;
    margin: 0px 24px;
    margin: 0vw 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-info-item:nth-child(2n + 2)::before {
    height: 10px;
    margin: 0 12px;
    vertical-align: middle;
  }
}

.footer .copyright {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

@media (max-width: 1366px) {
  .footer .copyright {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
    letter-spacing: 1.4px;
    letter-spacing: 0.10249vw;
  }
}

@media screen and (max-width: 768px) {
  .footer .copyright {
    margin-top: 20px;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 1.1px;
  }
}

.footer .btn-donate {
  display: block;
  position: relative;
  font-size: 13px;
  line-height: 15px;
  color: #fff;
}

@media (max-width: 1366px) {
  .footer .btn-donate {
    font-size: 13px;
    font-size: 0.95168vw;
    line-height: 15px;
    line-height: 1.0981vw;
  }
}

.footer .btn-donate::before {
  position: absolute;
  right: 0;
  bottom: -8px;
  content: "";
  width: 28px;
  height: 28px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1110px -1394px;
  background-repeat: no-repeat;
}

.footer .btn-donate::after {
  display: inline-block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  content: "";
}

@media screen and (max-width: 768px) {
  .footer .btn-donate {
    margin-top: 40px;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
  }
  .footer .btn-donate::before {
    right: 2px;
    bottom: -5px;
  }
  .footer .btn-donate::after {
    top: calc(100% + 10px);
  }
}

.footer .certification-list {
  margin-top: 30px;
  font-size: 0;
}

@media (max-width: 1366px) {
  .footer .certification-list {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .footer .certification-list {
    margin-top: 0;
  }
}

.footer .certification-item {
  display: inline-block;
  vertical-align: top;
}

.footer .certification-item:not(:last-child) {
  margin-right: 16px;
}

@media (max-width: 1366px) {
  .footer .certification-item:not(:last-child) {
    margin-right: 16px;
    margin-right: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .footer .certification-item:not(:last-child) {
    margin-right: 16px;
  }
}

@media (max-width: 1366px) {
  .footer .certification-item img {
    width: 48px;
    width: 3.51391vw;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .footer .certification-item img {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 768px) {
  .footer .certification-item:last-child img {
    width: 40px;
    height: 44px;
  }
}

@media screen and (max-width: 768px) {
  .footer-terms-link {
    margin-top: 47px;
  }
}

.footer-terms-list {
  margin-top: 18px;
  font-size: 0;
}

@media (max-width: 1366px) {
  .footer-terms-list {
    margin-top: 18px;
    margin-top: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-terms-list {
    margin: -8px 0;
  }
}

.footer-terms-item {
  display: inline-block;
}

.footer-terms-item:not(:last-child)::after {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 20px;
  background: rgba(255, 255, 255, 0.2);
  vertical-align: sub;
  content: "";
}

@media (max-width: 1366px) {
  .footer-terms-item:not(:last-child)::after {
    height: 14px;
    height: 1.02489vw;
    margin: 0px 20px;
    margin: 0vw 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-terms-item:not(:last-child)::after {
    height: 10px;
    margin: 0 15px;
  }
}

@media screen and (max-width: 768px) {
  .footer-terms-item {
    margin: 8px 0;
  }
  .footer-terms-item:nth-child(even)::after {
    width: 0;
    height: 0;
  }
}

.footer-terms-item .link {
  position: relative;
  font-size: 16px;
  line-height: 19px;
  color: rgba(255, 255, 255, 0.6);
}

@media screen and (min-width: 1366px) {
  .footer-terms-item .link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: width 0.25s;
    transition: width 0.25s;
  }
  .footer-terms-item .link:hover {
    color: #fff;
  }
  .footer-terms-item .link:hover:before {
    width: 100%;
  }
}

@media (max-width: 1366px) {
  .footer-terms-item .link {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .footer-terms-item .link {
    font-size: 12px;
    line-height: 15px;
  }
}

html:lang(en) .footer {
  padding-bottom: 77px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .footer {
    padding-bottom: 77px;
    padding-bottom: 5.6369vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .footer {
    padding-bottom: 36px;
  }
}

html:lang(en) .footer-info-list {
  max-width: 533px;
}

@media (max-width: 1366px) {
  html:lang(en) .footer-info-list {
    max-width: 533px;
    max-width: 39.01903vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .footer-info-list {
    max-width: 290px;
  }
}

html:lang(en) .footer-info-item:nth-child(2n+2)::before {
  content: none;
}

html:lang(en) .footer-info-item:nth-child(2n - 1)::after {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 24px;
  background: rgba(255, 255, 255, 0.2);
  vertical-align: sub;
  content: "";
}

@media (max-width: 1366px) {
  html:lang(en) .footer-info-item:nth-child(2n - 1)::after {
    height: 14px;
    height: 1.02489vw;
    margin: 0px 24px;
    margin: 0vw 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .footer-info-item:nth-child(2n - 1)::after {
    height: 10px;
    margin: 0 12px;
    vertical-align: middle;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .footer-info-item:nth-child(2)::after {
    margin-right: 12px;
  }
}

html:lang(en) .footer .btn-donate {
  font-weight: 700;
}

.back-to-top {
  display: none;
  position: fixed;
  right: 40px;
  bottom: 34px;
  z-index: 9;
  width: 56px;
  height: 56px;
}

@media screen and (max-width: 1365px) {
  .back-to-top {
    right: 40px;
    right: 2.92826vw;
    width: 56px;
    width: 4.09956vw;
    height: 56px;
    height: 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .back-to-top {
    right: 24px;
    bottom: 24px;
    width: 42px;
    height: 42px;
  }
}

.back-to-top.is-show {
  display: block;
  background-color: #fff;
}

.back-to-top .icon-back-to-top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border: 1px solid #ededed;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.back-to-top .line:first-child {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #0079fa;
}

.back-to-top .line:nth-child(2) {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #0079fa;
}

.back-to-top .line:nth-child(3) {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
  background-color: #0079fa;
}

.back-to-top .line:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #0079fa;
}

.layer-gnb {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  padding-top: 57px;
  background: url(/img/bg_layer_gnb-f25bab8b3d785318e486fac286884cbd.png) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb {
    padding-top: 100px;
    padding-top: 7.32064vw;
  }
}

.layer-gnb-logo {
  position: absolute;
  top: 54px;
  left: 33px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-logo {
    top: 36px;
    left: 33px;
    left: 2.41581vw;
  }
  .layer-gnb-logo img {
    width: 150px;
    width: 10.98097vw;
    height: 28px;
    height: 2.04978vw;
  }
}

.layer-gnb-inner {
  max-width: 1208px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-inner {
    width: 100%;
    padding: 20px;
  }
}

.layer-gnb-utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 2px solid #fff;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-utility {
    padding-bottom: 30px;
    padding-bottom: 2.19619vw;
  }
}

.layer-gnb-utility .utility-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 104px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-utility .utility-list {
    gap: 104px;
    gap: 7.61347vw;
  }
}

.layer-gnb-utility .utility-list .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
}

@media screen and (min-width: 1366px) {
  .layer-gnb-utility .utility-list .link:hover .text:after {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-utility .utility-list .link {
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

.layer-gnb-utility .utility-list .link .text {
  display: inline-block;
  position: relative;
}

.layer-gnb-utility .utility-list .link .text::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  background: #fff;
  bottom: -1px;
  left: 0;
  -webkit-transition: width .25s;
  transition: width .25s;
}

.layer-gnb-utility .chose-language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.layer-gnb-utility .chose-language::before {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1328.46px -1183px;
  background-repeat: no-repeat;
  margin-right: 8px;
  content: '';
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-utility .chose-language::before {
    margin-right: 8px;
    margin-right: 0.58565vw;
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -97.25vw -86.6vw;
    background-repeat: no-repeat;
  }
}

.layer-gnb-utility .chose-language-item:not(:first-child)::before {
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background: rgba(255, 255, 255, 0.4);
  vertical-align: middle;
  content: '';
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-utility .chose-language-item:not(:first-child)::before {
    height: 16px;
    height: 1.1713vw;
    margin: 0px 16px;
    margin: 0vw 1.1713vw;
  }
}

.layer-gnb-utility .chose-language .link {
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
}

@media screen and (min-width: 1366px) {
  .layer-gnb-utility .chose-language .link:hover:after {
    width: 100%;
  }
  .layer-gnb-utility .chose-language .link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: #fff;
    bottom: -1px;
    left: 0;
    -webkit-transition: width .25s;
    transition: width .25s;
  }
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-utility .chose-language .link {
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

.layer-gnb-utility .icon {
  margin-right: 8px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-utility .icon {
    margin-right: 8px;
    margin-right: 0.58565vw;
  }
}

.layer-gnb-main {
  max-width: 1208px;
  max-height: calc((var(--vh, 1vh) * 100) - 169px);
  overflow: hidden;
  overflow-y: auto;
}

.layer-gnb-main::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}

.layer-gnb-main::-webkit-scrollbar-track {
  background-color: transparent;
}

.layer-gnb-main::-webkit-scrollbar-thumb {
  border: 8px solid transparent;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.2);
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-main {
    width: 100%;
  }
}

.layer-gnb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 64px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-item {
    padding: 40px 0px 64px;
    padding: 2.92826vw 0vw 4.68521vw;
  }
}

.layer-gnb-item:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

.layer-gnb-item-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 306px;
  font-size: 32px;
  line-height: 32px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-item-intro {
    width: 306px;
    width: 22.40117vw;
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

.layer-gnb-item-intro-style2 {
  width: 408px;
}

.layer-gnb-item-intro .btn-link {
  display: block;
}

.layer-gnb-item-intro .btn-link .link {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .layer-gnb-item-intro .btn-link .link {
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

.layer-gnb-item-intro .btn-link .is-outlink {
  color: rgba(255, 255, 255, 0.6);
}

@media screen and (min-width: 1366px) {
  .layer-gnb-item-intro .btn-link .is-outlink:hover {
    color: #fff;
  }
}

.layer-gnb-item-intro .btn-link .is-outlink::after {
  display: inline-block;
  margin-left: 2px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -854px -1442px;
  background-repeat: no-repeat;
  vertical-align: sub;
  content: '';
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-item-intro .btn-link .is-outlink::after {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -62.52vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .layer-gnb-item-intro .btn-link .is-outlink:hover:after {
    width: 18px;
    height: 18px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -776px -1442px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) and (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-item-intro .btn-link .is-outlink:hover:after {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -56.81vw -105.56vw;
    background-repeat: no-repeat;
  }
}

.layer-gnb-box-links {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layer-gnb-box-links .item + .item {
  margin-top: 40px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-box-links .item + .item {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

.layer-gnb-box-links .link {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

@media screen and (min-width: 1366px) {
  .layer-gnb-box-links .link:hover {
    color: rgba(255, 255, 255, 0.6);
  }
  .layer-gnb-box-links .link:hover.is-outlink::after {
    width: 18px;
    height: 18px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -932px -1442px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) and (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-box-links .link:hover.is-outlink::after {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -68.23vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-box-links .link {
    font-size: 16px;
    font-size: 1.1713vw;
  }
}

.layer-gnb-box-links .link.is-outlink::after {
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -958px -1442px;
  background-repeat: no-repeat;
  vertical-align: text-top;
  content: '';
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-box-links .link.is-outlink::after {
    margin-left: 6px;
    margin-left: 0.43924vw;
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -70.13vw -105.56vw;
    background-repeat: no-repeat;
  }
}

.layer-gnb-item-col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
}

.layer-gnb-item-col:first-child {
  -ms-flex-preferred-size: 205px;
  flex-basis: 205px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-item-col:first-child {
    -ms-flex-preferred-size: 205px;
    flex-basis: 205px;
    -ms-flex-preferred-size: 15.00732vw;
    flex-basis: 15.00732vw;
  }
}

.layer-gnb-item-col.layer-gnb-item-col-fix-width {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 22%;
  flex: 1 0 22%;
}

.layer-gnb-item-col-style2 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: 205px;
  flex-basis: 205px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-item-col-style2 {
    -ms-flex-preferred-size: 205px;
    flex-basis: 205px;
    -ms-flex-preferred-size: 15.00732vw;
    flex-basis: 15.00732vw;
  }
}

.layer-gnb-item-col-type3 .item + .item {
  margin-top: 0;
}

.layer-gnb-item-col-type3 .item:first-child .layer-gnb-lst-depth {
  width: 100%;
}

.layer-gnb-item-col .sub-link {
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  line-height: 18px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-item-col .sub-link {
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

.layer-gnb-item-col .sub-link:hover {
  color: #fff;
}

.layer-gnb-lst-depth .depth-item {
  margin-top: 23px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-lst-depth .depth-item {
    margin-top: 23px;
    margin-top: 1.68375vw;
  }
}

.layer-gnb-lst-depth .depth-link {
  font-size: 15px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (min-width: 1366px) {
  .layer-gnb-lst-depth .depth-link:hover {
    color: #fff;
  }
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-lst-depth .depth-link {
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

.layer-gnb-lst-depth .is-outlink::after {
  display: inline-block;
  margin-left: 2px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -854px -1442px;
  background-repeat: no-repeat;
  vertical-align: sub;
  content: '';
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-lst-depth .is-outlink::after {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -62.52vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .layer-gnb-lst-depth .is-outlink:hover:after {
    width: 18px;
    height: 18px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -776px -1442px;
    background-repeat: no-repeat;
  }
}

.layer-gnb-lst-depth .depth-lst-col {
  display: inline-block;
  margin-top: 4px;
  font-size: 0;
}

.layer-gnb-lst-depth .depth-lst-col.depth-lst-col-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -6px;
}

.layer-gnb-lst-depth .depth-lst-col.depth-lst-col-row .depth-lst-col-item {
  width: 50%;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-lst-depth .depth-lst-col {
    margin-top: 4px;
    margin-top: 0.29283vw;
  }
}

.layer-gnb-lst-depth .depth-lst-col:not(:last-child) {
  margin-right: 64px;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-lst-depth .depth-lst-col:not(:last-child) {
    margin-right: 64px;
    margin-right: 4.68521vw;
  }
}

.layer-gnb-lst-depth .depth-lst-col-item {
  margin-top: 16px;
}

.layer-gnb .brand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 344px;
  margin: -7px 0 0;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb .brand-list {
    gap: 8px;
    gap: 0.58565vw;
    max-width: 344px;
    max-width: 25.18302vw;
    margin: -7px 0px 0px;
    margin: -0.51245vw 0vw 0vw;
  }
  .layer-gnb .brand-list img {
    width: 80px;
    width: 5.85652vw;
    height: 40px;
    height: 2.92826vw;
  }
}

.layer-gnb .brand-link {
  position: relative;
}

.layer-gnb .brand-link::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
}

.layer-gnb .brand-link .gnb-brand-img {
  background-color: #fff;
}

.layer-gnb-lst-link-row .layer-gnb-lst-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.layer-gnb-lst-link-row .layer-gnb-lst-box .layer-gnb-lst-depth {
  width: calc(100% / 3);
}

.layer-gnb-lst-link-row .layer-gnb-lst-box .layer-gnb-lst-depth-col-row2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.layer-gnb-lst-link-row .layer-gnb-lst-box .layer-gnb-lst-depth-col-row2 .depth-item {
  width: 50%;
}

.layer-gnb-lst-link-row .layer-gnb-lst-box .layer-gnb-lst-depth-col-row2 .depth-item:nth-child(n+3) {
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .layer-gnb-lst-link-row .layer-gnb-lst-box .layer-gnb-lst-depth-col-row2 .depth-item:nth-child(n+3) {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

.layer-gnb-lst-link-row .layer-gnb-lst-box .layer-gnb-lst-depth-col-row2 .depth-item:nth-child(even) {
  padding-left: 27px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-lst-link-row .layer-gnb-lst-box .layer-gnb-lst-depth-col-row2 .depth-item:nth-child(even) {
    padding-left: 27px;
    padding-left: 1.97657vw;
  }
}

.layer-gnb-lst-link-row .layer-gnb-lst-box-style2 .layer-gnb-lst-depth {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.layer-gnb-lst-link-row .layer-gnb-lst-box-style2 .depth-item {
  width: calc(100% / 3);
  padding-right: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.layer-gnb-btn-close {
  position: absolute;
  top: 52px;
  right: 42px;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 1365px) {
  .layer-gnb-btn-close {
    top: 36px;
    right: 38px;
    right: 2.375vw;
  }
}

@media (min-width: 769px) and (max-width: 1599px) {
  .layer-gnb-btn-close {
    top: 36px !important;
  }
}

@media screen and (max-width: 1365px) {
  .layer-gnb-btn-close.is-active .icon-hamburger::after {
    top: 11px;
  }
}

.layer-gnb-btn-close .icon-hamburger {
  left: 10px;
  background: #fff;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: background 200ms;
  transition: background 200ms;
}

.layer-gnb-btn-close .icon-hamburger::before, .layer-gnb-btn-close .icon-hamburger::after {
  background: #fff;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

@media screen and (max-width: 1365px) {
  .layer-gnb-btn-close .icon-hamburger {
    top: 18px;
    left: 10px;
  }
}

.layer-gnb-btn-close.is-active .icon-hamburger {
  background: transparent;
}

.layer-gnb-btn-close.is-active .icon-hamburger::before {
  -webkit-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.layer-gnb-btn-close.is-active .icon-hamburger::after {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

html:lang(en) .layer-gnb-item:first-child {
  padding-right: 65px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .layer-gnb-item:first-child {
    padding-right: 65px;
    padding-right: 4.75842vw;
  }
}

html:lang(en) .layer-gnb-item-col {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

html:lang(en) .layer-gnb-item-col-style2:first-child {
  -ms-flex-preferred-size: 46.5%;
  flex-basis: 46.5%;
}

html:lang(en) .layer-gnb-item-col-style2:first-child + .layer-gnb-item-col .layer-gnb-lst-box .layer-gnb-lst-depth {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

html:lang(en) .layer-gnb-lst-depth .depth-lst-col.depth-lst-col-row .depth-lst-col-item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

html:lang(en) .layer-gnb-box-links-style2 .layer-gnb-item-col:nth-child(2) {
  -ms-flex-preferred-size: 35%;
  flex-basis: 35%;
}

html:lang(en) .layer-gnb-box-links-style2 .layer-gnb-item-col:nth-child(3),
html:lang(en) .layer-gnb-box-links-style2 .layer-gnb-item-col:nth-child(4) {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

@media screen and (min-width: 1366px) {
  html:lang(en) .layer-gnb-item-intro .title {
    line-height: 40px;
  }
}

@media screen and (max-width: 1365px) {
  html:lang(en) .layer-gnb-item-intro .title {
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

html:lang(en) .layer-gnb-item-col.layer-gnb-item-col-fix-width {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 18%;
  flex: 1 0 18%;
}

.layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 110;
}

.layer:not(.layer-search)::before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}

.layer-dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.layer.is-show {
  display: block;
}

@media screen and (max-width: 768px) {
  .layer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .5s;
    transition: .5s;
  }
  .layer-bottom .layer-dim {
    display: none;
  }
}

.layer-bottom.is-show {
  z-index: 102;
}

@media screen and (max-width: 768px) {
  .layer-bottom.is-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 101;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0s;
    transition: 0s;
  }
  .layer-bottom.is-show .layer-dim {
    display: block;
  }
  .layer-bottom.is-show .layer-content {
    -webkit-transform: translateY(calc(100% - 350px));
    transform: translateY(calc(100% - 350px));
  }
}

.layer-bottom .layer-content {
  width: 100%;
}

@media (min-width: 769px) {
  .layer-bottom .layer-content {
    position: relative;
    padding: 48px 0;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .layer-bottom .layer-content {
    -ms-flex-item-align: end;
    align-self: flex-end;
    height: calc(100% - 85px);
    padding: 83px 0 27px;
    border-radius: 28px 28px 0 0;
    background: #fff;
    -webkit-transform: translateY(calc(100% + 110px));
    transform: translateY(calc(100% + 110px));
    -webkit-transition: -webkit-transform .45s;
    transition: -webkit-transform .45s;
    transition: transform .45s;
    transition: transform .45s, -webkit-transform .45s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.layer-touchbar {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  border-radius: 28px 28px 0 0;
}

.layer-touchbar::before {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  left: 50%;
  width: 65px;
  height: 4px;
  border-radius: 2px;
  background: #dbdbdb;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.layer-default {
  display: none;
  padding: 0 50px;
  font-size: 0;
  text-align: center;
  z-index: 110;
}

@media (min-width: 769px) {
  .layer-default {
    text-align: left;
  }
}

@media screen and (max-width: 1365px) {
  .layer-default {
    padding: 0px 50px;
    padding: 0vw 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default {
    padding: 0;
  }
}

.layer-default.is-show {
  display: block;
}

.layer-default .popup-swiper {
  display: inline-block;
  position: relative;
  height: calc(100% - 60px);
  max-height: 778px;
  vertical-align: middle;
}

@media screen and (max-width: 1365px) {
  .layer-default .popup-swiper {
    height: calc(100% - 4.392vw);
    max-height: 778px;
    max-height: 56.95461vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .popup-swiper {
    width: 312px;
    height: calc(100% - 40px);
    max-height: 597px;
  }
}

.layer-default .layer-popup {
  display: none;
  position: relative;
  width: 400px;
  height: 100%;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .layer-default .layer-popup {
    width: 400px;
    width: 29.28258vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .layer-popup {
    width: 100%;
  }
}

.layer-default .layer-popup:not(:first-child) {
  margin-left: 40px;
}

@media screen and (max-width: 1365px) {
  .layer-default .layer-popup:not(:first-child) {
    margin-left: 40px;
    margin-left: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .layer-popup:not(:first-child) {
    margin-left: 0;
  }
}

.layer-default .layer-popup.is-show {
  display: inline-block;
}

.layer-default .layer-popup.is-disable {
  display: none;
}

.layer-default .layer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-bottom: 38px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .layer-default .layer-wrap {
    padding-bottom: 38px;
    padding-bottom: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .layer-wrap {
    padding-bottom: 30px;
  }
}

.layer-default .layer-area {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
}

.layer-default .layer-content {
  padding: 30px 26px 0;
}

@media screen and (max-width: 1365px) {
  .layer-default .layer-content {
    padding: 30px 26px 0px;
    padding: 2.19619vw 1.90337vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .layer-content {
    padding: 18px 20px 0;
  }
}

.layer-default .layer-thumb {
  width: 100%;
}

.layer-default .layer-thumb img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-default .layer-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .layer-default .layer-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .layer-title {
    font-size: 17px;
    line-height: 23px;
  }
}

.layer-default .layer-title + .layer-text {
  margin-top: 20px;
}

@media screen and (max-width: 1365px) {
  .layer-default .layer-title + .layer-text {
    margin-top: 20px;
    margin-top: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .layer-title + .layer-text {
    margin-top: 13px;
  }
}

.layer-default .layer-text {
  color: #757575;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .layer-default .layer-text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .layer-text {
    font-size: 15px;
    line-height: 21px;
  }
}

.layer-default .layer-text:not(:first-child) {
  margin-top: 17px;
}

@media screen and (max-width: 1365px) {
  .layer-default .layer-text:not(:first-child) {
    margin-top: 17px;
    margin-top: 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .layer-text:not(:first-child) {
    margin-top: 10px;
  }
}

.layer-default .btn-area {
  text-align: center;
}

.layer-default .btn-area-inside {
  padding: 30px;
  background-color: #fff;
}

@media screen and (max-width: 1365px) {
  .layer-default .btn-area-inside {
    padding: 30px;
    padding: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .btn-area-inside {
    padding: 20px;
  }
}

.layer-default .btn-area-outside {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .layer-default .btn-area-outside {
    text-align: left;
  }
}

.layer-default .btn-inside {
  display: inline-block;
  width: 250px;
  padding: 14px;
  border: 1px solid #212121;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .layer-default .btn-inside {
    width: 250px;
    width: 18.30161vw;
    padding: 14px;
    padding: 1.02489vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .btn-inside {
    width: 240px;
    padding: 14px 14px 15px;
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (min-width: 1366px) {
  .layer-default .btn-inside:hover {
    background-color: #212121;
    color: #fff;
  }
}

.layer-default .btn-inside:not(:first-child) {
  margin-top: 8px;
}

@media screen and (max-width: 1365px) {
  .layer-default .btn-inside:not(:first-child) {
    margin-top: 8px;
    margin-top: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .btn-inside:not(:first-child) {
    margin-top: 8px;
  }
}

.layer-default .btn-outside {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .layer-default .btn-outside {
    padding-bottom: 2px;
    padding-bottom: 0.14641vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .btn-outside {
    padding-bottom: 2px;
    font-size: 15px;
    line-height: 18px;
  }
}

.layer-default .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media screen and (max-width: 1365px) {
  .layer-default .btn-close {
    top: 20px;
    top: 1.46413vw;
    right: 20px;
    right: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-default .btn-close {
    top: 16px;
    right: 16px;
  }
}

.layer-default .popup-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 70px;
  height: 17px;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color: #fff;
}

.layer-default .popup-pagination-current, .layer-default .popup-pagination-total {
  letter-spacing: -0.14px;
}

.layer-default .popup-pagination-total {
  position: relative;
  margin-left: 18px;
  color: rgba(255, 255, 255, 0.4);
}

.layer-default .popup-pagination-total::before {
  position: absolute;
  top: 3px;
  width: 2px;
  height: 11px;
  margin-left: -10px;
  background-color: #fff;
  content: '';
}

.layer .keyword-suggestion-box {
  max-width: 996px;
  margin: 30px auto 0;
}

@media screen and (max-width: 1365px) {
  .layer .keyword-suggestion-box {
    margin-top: 30px;
    margin-top: 2.19619vw;
    padding: 0px 24px;
    padding: 0vw 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .layer .keyword-suggestion-box {
    margin: 0 0 40px;
    padding: 0;
  }
}

.layer .keyword-suggestion-box .title {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  color: #212121;
}

@media screen and (max-width: 768px) {
  .layer .keyword-suggestion-box .title {
    font-size: 18px;
    line-height: 22px;
    color: #ccc;
  }
  .layer .keyword-suggestion-box .title .highlight {
    color: #212121;
  }
}

@media screen and (max-width: 768px) {
  .layer .keyword-suggestion-box.box-outlink {
    margin: auto 0 0;
  }
}

.layer .keyword-suggestion-box-highlight {
  margin-top: 56px;
}

@media screen and (max-width: 1365px) {
  .layer .keyword-suggestion-box-highlight {
    margin-top: 56px;
    margin-top: 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .layer .keyword-suggestion-box-highlight {
    display: none;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .layer .keyword-suggestion-box-highlight .title {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    color: #212121;
  }
}

@media screen and (max-width: 768px) {
  .layer .keyword-suggestion-box-highlight .keyword-suggestion-list {
    margin-top: 12px;
    border-bottom: 1px solid #ededed;
  }
}

.layer .btn-close-layer {
  position: absolute;
  top: 24px;
  right: 60px;
}

@media screen and (max-width: 1365px) {
  .layer .btn-close-layer {
    top: 24px;
    top: 1.75695vw;
    right: 60px;
    right: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .layer .btn-close-layer {
    top: 39px;
    right: 24px;
  }
}

.layer-search {
  z-index: 0;
}

@media (min-width: 769px) {
  .layer-search:not(.layer-bottom) {
    display: block;
    -webkit-transform: translateY(calc(var(--transform, -100) * 1px));
    transform: translateY(calc(var(--transform, -100) * 1px));
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
  }
}

@media screen and (max-width: 768px) {
  .layer-search:not(.layer-bottom) {
    display: block;
    top: 65px;
    z-index: 100;
    padding-top: 50px;
    background: #fff;
    -webkit-transform: translateY(-100vh);
    transform: translateY(-100vh);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
  }
}

@media screen and (max-width: 768px) {
  .layer-search:not(.layer-bottom).is-show {
    z-index: 100;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.layer-search:not(.layer-bottom) .layer-content {
  width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 769px) {
  .layer-search:not(.layer-bottom) .layer-content {
    position: relative;
    padding: 48px 0;
    border-bottom: 1px solid #dbdbdb;
  }
}

@media screen and (max-width: 768px) {
  .layer-search:not(.layer-bottom) .layer-content {
    height: 100%;
    padding: 0 0 20px;
  }
}

.layer-search .layer-dim {
  display: none;
}

.layer-search .tab-content {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .layer-search #tabpanel-search {
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .layer-search-content-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    margin: 20px -10px 0 0;
    padding: 20px 10px 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .layer-search-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0 24px;
  }
}

.layer-search-form {
  width: 560px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .layer-search-form {
    width: 100%;
  }
}

.layer-search-form.layer-search .form {
  border: 2px solid #dbdbdb;
}

@media screen and (max-width: 768px) {
  .layer-search-form.layer-search .form {
    border-width: 1px;
  }
}

.layer-search-form.layer-search .btn-search::before {
  content: none;
}

.layer-search-form .form {
  position: relative;
}

@media screen and (max-width: 768px) {
  .layer-search-form .form {
    border-width: 1px;
  }
}

.layer-search .input-search {
  width: 100%;
  padding: 16px 80px 16px 19px;
  border: 2px solid #dbdbdb;
  font-size: 16px;
  line-height: 24px;
  color: #212121;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.layer-search .input-search::-webkit-input-placeholder {
  color: #dbdbdb;
}

.layer-search .input-search::-moz-placeholder {
  color: #dbdbdb;
}

.layer-search .input-search:-ms-input-placeholder {
  color: #dbdbdb;
}

.layer-search .input-search::-ms-input-placeholder {
  color: #dbdbdb;
}

.layer-search .input-search::placeholder {
  color: #dbdbdb;
}

@media screen and (min-width: 1366px) {
  .layer-search .input-search:focus {
    border-color: #0079fa;
  }
}

@media screen and (max-width: 1365px) {
  .layer-search .input-search {
    height: 4.39239vw;
    padding: 16px 80px 16px 19px;
    padding: 1vw 5vw 1vw 1.1875vw;
    font-size: 16px;
    font-size: 1vw;
    line-height: 20px;
    line-height: 1.25vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .input-search {
    height: auto;
    padding: 21px 50px 20px 15px;
    border-width: 1px;
    font-size: 13px;
    line-height: 17px;
  }
}

.layer-search .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 70px;
  height: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .layer-search .btn-search {
    width: 70px;
    width: 5.12445vw;
    height: 60px;
    height: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .btn-search {
    top: 0;
    right: 0;
    width: 48px;
    height: 60px;
    border-width: 1px;
  }
}

.layer-search .btn-search::before {
  position: absolute;
  top: 50%;
  left: -3px;
  width: 1px;
  height: 18px;
  background: #dbdbdb;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.layer-search .keyword-suggestion-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-suggestion-list {
    margin-top: 12px;
    margin-top: 0.75vw;
    font-size: 12px;
    font-size: 0.75vw;
    line-height: 14px;
    line-height: 0.875vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-suggestion-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.layer-search .keyword-suggestion-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 249px;
  flex: 1 0 249px;
  border-left: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.layer-search .keyword-suggestion-item:last-child {
  border-right: 1px solid #ededed;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-suggestion-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-suggestion-item {
    border-bottom: 0;
    border-right: 1px solid #ededed;
  }
}

.layer-search .keyword-suggestion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px 20px;
  background: #f7f7fa;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-suggestion-head {
    padding: 16px 20px;
    padding: 1vw 1.25vw;
    font-size: 16px;
    font-size: 1vw;
    line-height: 18px;
    line-height: 1.125vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-suggestion-head {
    padding: 15px 20px;
    font-size: 15px;
    line-height: 18px;
  }
}

.layer-search .keyword-suggestion-type {
  color: #212121;
}

.layer-search .keyword-suggestion-total {
  color: #0079fa;
}

.layer-search .keyword-suggestion-scrollbar {
  padding: 20px 0 20px 20px;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-suggestion-scrollbar {
    padding: 20px 0px 20px 20px;
    padding: 1.25vw 0vw 1.25vw 1.25vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-suggestion-scrollbar {
    min-height: 124px;
    padding: 18px 0 22px 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.layer-search .keyword-suggestion-detail {
  height: 125px;
  overflow: hidden;
  overflow-y: auto;
}

.layer-search .keyword-suggestion-detail::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}

.layer-search .keyword-suggestion-detail::-webkit-scrollbar-track {
  background-color: transparent;
}

.layer-search .keyword-suggestion-detail::-webkit-scrollbar-thumb {
  border: 6px solid transparent;
  border-radius: 100px;
  background-color: rgba(117, 117, 117, 0.2);
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-suggestion-detail {
    height: 125px;
    height: 7.8125vw;
  }
  .layer-search .keyword-suggestion-detail::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
  }
  .layer-search .keyword-suggestion-detail::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .layer-search .keyword-suggestion-detail::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 100px;
    background-color: rgba(117, 117, 117, 0.2);
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-suggestion-detail {
    height: 74px;
  }
}

.layer-search .keyword-suggestion-detail .link {
  display: block;
  font-size: 14px;
  line-height: 25px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-suggestion-detail .link {
    font-size: 14px;
    font-size: 0.875vw;
    line-height: 25px;
    line-height: 1.5625vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-suggestion-detail .link {
    font-size: 13px;
    line-height: 19px;
    color: #757575;
  }
}

.layer-search .keyword-recommend-list {
  font-size: 0;
  margin: 0 -4px;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-recommend-list {
    margin: 0px -4px;
    margin: 0vw -0.25vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-recommend-list {
    margin: 16px -4px 0;
  }
}

.layer-search .keyword-recommend-item {
  display: inline-block;
  margin: 12px 4px 0 4px;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-recommend-item {
    margin: 12px 4px 0px 4px;
    margin: 0.75vw 0.25vw 0vw 0.25vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-recommend-item {
    margin: 8px 4px 0;
  }
}

.layer-search .keyword-recommend-link {
  display: block;
  padding: 7px 15px;
  border: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  line-height: 16px;
  color: #757575;
}

@media screen and (min-width: 1366px) {
  .layer-search .keyword-recommend-link:hover {
    background: #fafafa;
  }
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-recommend-link {
    padding: 7px 15px;
    padding: 0.4375vw 0.9375vw;
    font-size: 14px;
    font-size: 0.875vw;
    line-height: 16px;
    line-height: 1vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-recommend-link {
    padding: 7px 16px;
    font-size: 13px;
    line-height: 16px;
    color: #757575;
  }
}

.layer-search .keyword-outlink-list {
  font-size: 0;
}

.layer-search .keyword-outlink-item {
  display: inline-block;
}

.layer-search .keyword-outlink-item:not(:first-child) {
  margin-left: 20px;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-outlink-item:not(:first-child) {
    margin-left: 20px;
    margin-left: 1.25vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-outlink-item:not(:first-child) {
    display: block;
    margin: 24px 0 0;
  }
}

.layer-search .keyword-outlink-item .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  line-height: 18px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-outlink-item .link {
    font-size: 15px;
    font-size: 0.9375vw;
    line-height: 18px;
    line-height: 1.125vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-outlink-item .link {
    font-size: 13px;
    line-height: 16px;
  }
}

.layer-search .keyword-outlink-item .link::after {
  display: inline-block;
  margin-left: 4px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -698px -1442px;
  background-repeat: no-repeat;
  content: '';
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-outlink-item .link::after {
    margin-left: 4px;
    margin-left: 0.25vw;
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -51.1vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-outlink-item .link::after {
    width: 16px;
    height: 16px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1344.88889px 1306.66667px;
    background-size: 1344.88889px 1306.66667px;
    background-position: -620.44444px -1281.77778px;
    background-repeat: no-repeat;
  }
}

.layer-search .keyword-outlink-item .note {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  line-height: 12px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .layer-search .keyword-outlink-item .note {
    margin-top: 4px;
    margin-top: 0.25vw;
    font-size: 10px;
    font-size: 0.625vw;
    line-height: 12px;
    line-height: 0.75vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .keyword-outlink-item .note {
    margin-top: 4px;
    font-size: 10px;
    line-height: 12px;
    color: #757575;
  }
}

.layer-search .highlight {
  background: none;
  color: #0079fa;
}

.layer-search .txt-placeholder {
  padding-right: 80px;
}

@media screen and (max-width: 1365px) {
  .layer-search .txt-placeholder {
    padding-right: 80px;
    padding-right: 5vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-search .txt-placeholder {
    position: absolute;
    top: 50%;
    left: 14px;
    padding-right: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 13px;
    line-height: 17px;
    color: #dbdbdb;
  }
}

.layer-product-filter .tab-list {
  border-bottom: 1px solid #ccc;
}

.layer-product-filter .tab-item {
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-preferred-size: calc(100% / 2);
  flex-basis: calc(100% / 2);
}

.layer-product-filter .tab-item.is-active::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0079fa;
  content: '';
}

.layer-product-filter .tab-item.is-active .btn-tab {
  color: #212121;
}

.layer-product-filter .tab-item.is-active .btn-tab::after {
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  margin-left: 4px;
  border-radius: 50%;
  background-color: #ff5b34;
  content: '';
}

.layer-product-filter .tab-item:first-child .btn-tab {
  padding-left: 30px;
}

.layer-product-filter .tab-item::before {
  display: none;
}

.layer-product-filter .btn-tab {
  width: 100%;
  padding: 10px 30px;
  font-size: 15px;
  line-height: 18px;
  color: #ccc;
  text-align: center;
}

.layer-product-filter .btn-tab::before {
  display: none;
}

@media screen and (max-width: 768px) {
  .layer-product-filter-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0 24px;
  }
}

.layer-product-filter .tab-content {
  height: 100%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .layer-product-filter .layer-search-box-inner {
    margin-top: 40px;
    padding: 0 24px;
  }
}

.layer-product-filter .layer-search-box-inner.only-pc {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .layer-product-filter .layer-content {
    padding-top: 69px;
  }
}

@media screen and (max-width: 768px) {
  .layer-product-filter .keyword-suggestion-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
  }
}

.layer-product-filter .classify-list {
  overflow-y: auto;
  max-height: 100%;
  margin-top: 11px;
  padding-bottom: 40px;
}

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

.layer-sns.popup-consumer-centric .layer-popup {
  width: 350px;
  height: auto;
  padding: 64px 20px 20px;
}

@media screen and (max-width: 1365px) {
  .layer-sns.popup-consumer-centric .layer-popup {
    width: 350px;
    width: 25.62225vw;
    padding: 64px 20px 20px;
    padding: 4.68521vw 1.46413vw 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-sns.popup-consumer-centric .layer-popup {
    width: 264px;
    padding: 66px 24px 24px;
  }
}

.layer-sns.popup-consumer-centric .layer-thumb {
  padding-bottom: 133.14%;
}

.layer-sns.popup-consumer-centric .layer-dim {
  background-color: rgba(33, 33, 33, 0.65);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.layer-sns.popup-management-iso .layer-thumb {
  padding-bottom: 150%;
}

.layer-sns .layer-dim {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.layer-sns .layer-popup {
  display: inline-block;
  position: relative;
  width: 384px;
  height: 100%;
  max-height: calc(100% - 60px);
  background-color: #fff;
  text-align: left;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-popup {
    width: 312px;
    max-height: 85%;
  }
}

.layer-sns .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media screen and (max-width: 768px) {
  .layer-sns .btn-close {
    top: 16px;
    right: 16px;
  }
}

.layer-sns .layer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.layer-sns .layer-area {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.layer-sns .layer-inner {
  padding: 0 30px 30px;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-inner {
    padding: 0 24px 28px;
  }
}

.layer-sns .layer-thumb {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 100%;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-thumb {
    margin-bottom: 24px;
  }
}

.layer-sns .layer-thumb img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-sns .category-sns {
  display: inline-block;
  padding: 4px 10px;
  background-color: #0079fa;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .layer-sns .category-sns {
    padding: 4px 11px;
    font-size: 13px;
    line-height: 15px;
  }
}

.layer-sns .layer-title {
  margin-top: 20px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  color: #191919;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-title {
    margin-top: 18px;
    font-size: 17px;
    line-height: 20px;
  }
}

.layer-sns .layer-content {
  margin-top: 18px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-content {
    margin-top: 14px;
  }
}

.layer-sns .layer-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #757575;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-content p {
    font-size: 15px;
    line-height: 21px;
  }
}

.layer-sns .layer-content p + p {
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-content p + p {
    margin-top: 21px;
  }
}

.layer-sns .layer-bottom {
  margin-top: 34px;
  display: block;
  -webkit-transform: none;
  transform: none;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-bottom {
    margin-top: 24px;
  }
}

.layer-sns .layer-bottom .btn-area {
  text-align: center;
}

.layer-sns .layer-bottom .btn-area .btn-goto-page {
  display: inline-block;
  padding: 10px 50px;
  border: solid 1px #212121;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #212121;
}

@media screen and (max-width: 768px) {
  .layer-sns .layer-bottom .btn-area .btn-goto-page {
    padding: 9px 45px;
    font-size: 14px;
    line-height: 17px;
  }
}

@media screen and (min-width: 1366px) {
  .layer-sns .layer-bottom .btn-area .btn-goto-page:hover {
    background-color: #212121;
    color: #fff;
  }
}

.layer-csr-activities {
  display: none;
  text-align: center;
}

.layer-csr-activities .layer-dim {
  display: inline-block;
  background-color: rgba(33, 33, 33, 0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.layer-csr-activities .layer-popup {
  display: inline-block;
  position: relative;
  width: 1024px;
  height: 100%;
  max-height: 640px;
  padding-top: 64px;
  background-color: #fff;
  text-align: left;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .layer-popup {
    width: 1024px;
    width: 74.9634vw;
    max-height: 640px;
    max-height: 46.85212vw;
    padding-top: 64px;
    padding-top: 4.68521vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .layer-popup {
    width: 312px;
    max-height: calc(100% - 64px);
    padding-top: 40px;
  }
}

.layer-csr-activities .layer-wrap {
  display: none;
  height: 100%;
}

.layer-csr-activities .layer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.layer-csr-activities .layer-title {
  position: relative;
  margin: 0 64px 30px;
  padding-top: 10px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .layer-title {
    margin: 0px 64px 30px;
    margin: 0vw 4.68521vw 2.19619vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .layer-title {
    max-width: 217px;
    margin: 0 24px 20px;
    padding-top: 9px;
    font-size: 17px;
    line-height: 21px;
  }
}

.layer-csr-activities .layer-title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 3px;
  max-height: none;
  background-color: #0079fa;
  content: '';
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .layer-title::before {
    width: 34px;
    width: 2.48902vw;
    height: 3px;
    height: 0.21962vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .layer-title::before {
    width: 30px;
    height: 2px;
  }
}

.layer-csr-activities .layer-sub-title {
  display: block;
  margin-top: 60px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .layer-sub-title {
    margin-top: 60px;
    margin-top: 4.39239vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .layer-sub-title {
    margin-top: 40px;
    font-size: 17px;
    line-height: 20px;
  }
}

.layer-csr-activities .layer-area {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: 100%;
}

.layer-csr-activities .layer-content {
  padding: 0 64px 64px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .layer-content {
    padding: 0px 64px 64px;
    padding: 0vw 4.68521vw 4.68521vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .layer-content {
    padding: 0 24px 40px;
  }
}

.layer-csr-activities .layer-box:before, .layer-csr-activities .layer-box:after {
  content: '';
  display: block;
  clear: both;
}

.layer-csr-activities .layer-box:not(:first-child) {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .layer-box:not(:first-child) {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .layer-box:not(:first-child) {
    margin-top: 20px;
  }
}

.layer-csr-activities .layer-box .text {
  color: #757575;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .layer-box .text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .layer-box .text {
    letter-spacing: -0.3px;
    font-size: 15px;
    line-height: 20px;
  }
}

.layer-csr-activities .box-text-left .text:first-of-type {
  float: left;
  position: relative;
  z-index: 1;
  width: 486px;
  margin-top: -4px;
  margin-bottom: 36px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left .text:first-of-type {
    width: 486px;
    width: 35.57833vw;
    margin-top: -4px;
    margin-top: -0.29283vw;
    margin-bottom: 36px;
    margin-bottom: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left .text:first-of-type {
    float: none;
    width: 100%;
    margin: 0;
  }
}

.layer-csr-activities .box-text-left .img {
  float: right;
  width: 362px;
  height: 486px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left .img {
    width: 362px;
    width: 26.50073vw;
    height: 486px;
    height: 35.57833vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left .img {
    float: none;
    width: 100%;
    height: 242px;
    margin-top: 28px;
  }
}

.layer-csr-activities .box-text-left .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-csr-activities .box-text-left .img + .text {
  float: right;
  clear: both;
  width: 362px;
  margin-top: 36px;
  letter-spacing: -0.18px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left .img + .text {
    width: 362px;
    width: 26.50073vw;
    margin-top: 36px;
    margin-top: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left .img + .text {
    float: none;
    width: 100%;
    margin-top: 28px;
    letter-spacing: -0.13px;
  }
}

.layer-csr-activities .box-text-left .img-vertical-list {
  width: 358px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left .img-vertical-list {
    width: 358px;
    width: 26.20791vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left .img-vertical-list {
    width: 100%;
    margin-top: 28px;
  }
}

.layer-csr-activities .box-text-left .img-vertical-item {
  width: 100%;
}

.layer-csr-activities .box-text-left .img-vertical-item img {
  height: 176px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left .img-vertical-item img {
    height: 176px;
    height: 12.88433vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left .img-vertical-item img {
    height: 130px;
  }
}

.layer-csr-activities .box-text-left-type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left-type2 {
    display: block;
  }
}

.layer-csr-activities .box-text-left-type2 .img {
  height: 400px;
  margin-left: 48px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left-type2 .img {
    height: 400px;
    height: 29.28258vw;
    margin-left: 48px;
    margin-left: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left-type2 .img {
    width: 100%;
    height: 292px;
    margin-left: 0;
  }
}

.layer-csr-activities .box-text-left-type2 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-csr-activities .box-text-left-type2 .box-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 486px;
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left-type2 .box-group {
    display: block;
  }
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left-type2 .box-group {
    width: 486px;
    width: 35.57833vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left-type2 .box-group {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left-type2 .box-group .text {
    margin-top: 28px;
  }
}

.layer-csr-activities .box-text-left-type2 .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left-type2 .text {
    margin-top: 28px;
  }
}

.layer-csr-activities .box-text-left-type2 .img-vertical-list {
  width: 204px;
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left-type2 .img-vertical-list {
    width: 204px;
    width: 14.93411vw;
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left-type2 .img-vertical-list {
    width: 100%;
    margin-top: 28px;
  }
}

.layer-csr-activities .box-text-left-type2 .img-vertical-list img {
  width: 100%;
  height: 132px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-left-type2 .img-vertical-list img {
    height: 132px;
    height: 9.66325vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-left-type2 .img-vertical-list img {
    height: 171px;
  }
}

.layer-csr-activities .box-text-right {
  padding-right: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-right {
    padding-right: 28px;
    padding-right: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-right {
    padding-right: 0;
  }
}

.layer-csr-activities .box-text-right:last-child .img-vertical-list {
  margin-bottom: -24px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-right:last-child .img-vertical-list {
    margin-bottom: -26px;
    margin-bottom: -1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-right:last-child .img-vertical-list {
    margin-top: 28px;
    margin-bottom: 0;
  }
}

.layer-csr-activities .box-text-right .img:first-child {
  float: left;
  position: relative;
  z-index: 1;
  width: 334px;
  height: 342px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-right .img:first-child {
    width: 334px;
    width: 24.45095vw;
    height: 342px;
    height: 25.0366vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-right .img:first-child {
    width: 100%;
    height: 270px;
  }
}

.layer-csr-activities .box-text-right .img:first-child img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-csr-activities .box-text-right .text {
  float: left;
  width: 486px;
  min-height: 312px;
  margin: -4px 0 26px 48px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-right .text {
    width: 486px;
    width: 35.57833vw;
    min-height: 312px;
    min-height: 22.84041vw;
    margin: -4px 0px 26px 48px;
    margin: -0.29283vw 0vw 1.90337vw 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-right .text {
    width: 100%;
    min-height: auto;
    margin: 28px 0 0;
  }
}

.layer-csr-activities .box-text-right .img-vertical-list {
  float: right;
  width: 204px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-right .img-vertical-list {
    width: 204px;
    width: 14.93411vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-right .img-vertical-list {
    width: 100%;
    margin-top: 28px;
  }
}

.layer-csr-activities .box-text-right .img-vertical-item {
  width: 100%;
  height: 132px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-right .img-vertical-item {
    height: 132px;
    height: 9.66325vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-right .img-vertical-item {
    height: 171px;
  }
}

.layer-csr-activities .box-text-right-type2 .text {
  min-height: 160px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-text-right-type2 .text {
    min-height: 160px;
    min-height: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-right-type2 .text {
    min-height: auto;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-text-right-type2 .img-vertical-item:not(:first-child) {
    margin-top: 28px;
  }
}

.layer-csr-activities .box-img-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-img-left {
    display: block;
  }
}

.layer-csr-activities .box-img-left .img {
  -ms-flex-preferred-size: 288px;
  flex-basis: 288px;
  height: 408px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-img-left .img {
    -ms-flex-preferred-size: 288px;
    flex-basis: 288px;
    -ms-flex-preferred-size: 21.08346vw;
    flex-basis: 21.08346vw;
    height: 408px;
    height: 29.86823vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-img-left .img {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 374px;
  }
}

.layer-csr-activities .box-img-left .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-csr-activities .box-img-left-type2 .img {
  -ms-flex-preferred-size: 212px;
  flex-basis: 212px;
  height: 300px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-img-left-type2 .img {
    -ms-flex-preferred-size: 212px;
    flex-basis: 212px;
    -ms-flex-preferred-size: 15.51977vw;
    flex-basis: 15.51977vw;
    height: 300px;
    height: 21.96193vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-img-left-type2 .img {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 374px;
  }
}

.layer-csr-activities .box-img-left-type2 .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 406px;
  margin-left: 43px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-img-left-type2 .text {
    max-width: 406px;
    max-width: 29.72182vw;
    margin-left: 43px;
    margin-left: 3.14788vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-img-left-type2 .text {
    max-width: 100%;
    margin-top: 28px;
    margin-left: 0;
  }
}

.layer-csr-activities .box-horizontal:not(:first-child) {
  margin-top: 60px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-horizontal:not(:first-child) {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-horizontal:not(:first-child) {
    margin-top: 40px;
  }
}

.layer-csr-activities .box-horizontal-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.layer-csr-activities .box-horizontal-item {
  width: 288px;
  margin-left: 16px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-horizontal-item {
    width: 288px;
    width: 21.08346vw;
    margin-left: 16px;
    margin-left: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-horizontal-item {
    width: 100%;
    margin-top: 28px;
    margin-left: 0;
  }
}

.layer-csr-activities .box-horizontal-item:nth-child(3n-2) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-horizontal-item:nth-child(3n-2) {
    margin-top: 0;
  }
}

.layer-csr-activities .box-horizontal-item:nth-child(n + 4) {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-horizontal-item:nth-child(n + 4) {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-horizontal-item:nth-child(n + 4) {
    margin-top: 20px;
  }
}

.layer-csr-activities .box-horizontal-img {
  width: 100%;
  height: 192px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-horizontal-img {
    height: 192px;
    height: 14.05564vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-horizontal-img {
    width: 100%;
    height: 176px;
  }
}

.layer-csr-activities .box-horizontal-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-csr-activities .box-horizontal-title {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-horizontal-title {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-horizontal-title {
    margin-top: 20px;
    font-size: 16px;
    line-height: 19px;
  }
}

.layer-csr-activities .box-horizontal-desc {
  margin-top: 8px;
  color: #757575;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .box-horizontal-desc {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .box-horizontal-desc {
    margin-top: 10px;
    letter-spacing: -0.3px;
    font-size: 15px;
    line-height: 20px;
  }
}

.layer-csr-activities .img-vertical-item:not(:first-child) {
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .img-vertical-item:not(:first-child) {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .img-vertical-item:not(:first-child) {
    margin-top: 10px;
  }
}

.layer-csr-activities .img-vertical-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-csr-activities .img-horizontal-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.layer-csr-activities .img-horizontal-list.img-horizontal-type1 .img-horizontal-item {
  width: 288px;
  margin-left: 16px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type1 .img-horizontal-item {
    width: 288px;
    width: 21.08346vw;
    margin-left: 16px;
    margin-left: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type1 .img-horizontal-item {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
}

.layer-csr-activities .img-horizontal-list.img-horizontal-type1 .img-horizontal-item:nth-child(3n-2) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type1 .img-horizontal-item:nth-child(3n-2) {
    margin-top: 0;
  }
}

.layer-csr-activities .img-horizontal-list.img-horizontal-type1 .img-horizontal-item:nth-child(n + 4) {
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type1 .img-horizontal-item:nth-child(n + 4) {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type1 .img-horizontal-item:nth-child(n + 4) {
    margin-top: 15px;
  }
}

.layer-csr-activities .img-horizontal-list.img-horizontal-type2 .img-horizontal-item {
  width: 436px;
  height: 260px;
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type2 .img-horizontal-item {
    width: 436px;
    width: 31.91801vw;
    height: 260px;
    height: 19.03367vw;
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type2 .img-horizontal-item {
    width: 100%;
    height: 158px;
    margin-top: 28px;
    margin-left: 0;
  }
}

.layer-csr-activities .img-horizontal-list.img-horizontal-type2 .img-horizontal-item:nth-child(2n - 1) {
  margin-left: 0;
}

.layer-csr-activities .img-horizontal-list.img-horizontal-type2 .img-horizontal-item:nth-child(n + 3) {
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type2 .img-horizontal-item:nth-child(n + 3) {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .img-horizontal-list.img-horizontal-type2 .img-horizontal-item:nth-child(n + 3) {
    margin-top: 28px;
  }
}

.layer-csr-activities .img-horizontal-list + .text {
  margin-top: 26px;
  margin-bottom: -10px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .img-horizontal-list + .text {
    margin-top: 26px;
    margin-top: 1.90337vw;
    margin-bottom: -10px;
    margin-bottom: -0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .img-horizontal-list + .text {
    margin-top: 28px;
    margin-bottom: 0;
  }
}

.layer-csr-activities .img-horizontal-item {
  height: 192px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .img-horizontal-item {
    height: 192px;
    height: 14.05564vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .img-horizontal-item {
    height: 175px;
  }
}

.layer-csr-activities .img-horizontal-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.layer-csr-activities .csr-activities-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 43px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .csr-activities-info {
    margin-left: 43px;
    margin-left: 3.14788vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .csr-activities-info {
    margin-top: 30px;
    margin-left: 0;
  }
}

.layer-csr-activities .csr-activities-info dt {
  letter-spacing: 3.6px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .csr-activities-info dt {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
    letter-spacing: 3.6px;
    letter-spacing: 0.26354vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .csr-activities-info dt {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 19px;
  }
}

.layer-csr-activities .csr-activities-info dd {
  margin-top: 8px;
  color: #757575;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .csr-activities-info dd {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .csr-activities-info dd {
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
  }
}

.layer-csr-activities .csr-activities-info dd + dt {
  margin-top: 20px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .csr-activities-info dd + dt {
    margin-top: 20px;
    margin-top: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .csr-activities-info dd + dt {
    margin-top: 15px;
  }
}

.layer-csr-activities .btn-area {
  margin-top: 60px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .btn-area {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .btn-area {
    margin-top: 50px;
  }
}

.layer-csr-activities .btn-area .btn-link {
  display: inline-block;
  position: relative;
  padding: 15px 43px 14px 19px;
  border: solid 1px #212121;
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #212121;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .btn-area .btn-link {
    padding: 14px 43px 13px 19px;
    padding: 1.02489vw 3.14788vw 0.95168vw 1.39092vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .btn-area .btn-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 44px 15px 18px;
    letter-spacing: -0.28px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }
}

@media screen and (min-width: 1366px) {
  .layer-csr-activities .btn-area .btn-link:hover {
    background-color: #000;
    color: #fff;
  }
  .layer-csr-activities .btn-area .btn-link:hover .icon {
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -446px -1442px;
    background-repeat: no-repeat;
  }
}

.layer-csr-activities .btn-area .btn-link .icon {
  right: 20px;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .btn-area .btn-link .icon {
    right: 20px;
    right: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .btn-area .btn-link .icon {
    right: 18px;
  }
}

.layer-csr-activities .btn-close {
  position: absolute;
  top: 20px;
  right: 36px;
}

@media screen and (max-width: 1365px) {
  .layer-csr-activities .btn-close {
    top: 20px;
    top: 1.46413vw;
    right: 36px;
    right: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .btn-close {
    top: 16px;
    right: 16px;
  }
}

@media screen and (max-width: 768px) {
  .layer-csr-activities .btn-close .icon-close {
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -222px -617px;
    background-repeat: no-repeat;
  }
}

.layer-job-introduction {
  text-align: center;
}

.layer-job-introduction .layer-dim {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.layer-job-introduction .layer-popup {
  display: inline-block;
  position: relative;
  width: 1000px;
  height: 100%;
  max-height: 806px;
  padding-top: 120px;
  background-color: #fff;
  text-align: left;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .layer-popup {
    width: 1000px;
    width: 73.20644vw;
    max-height: 806px;
    max-height: 59.00439vw;
    padding-top: 120px;
    padding-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .layer-popup {
    width: 312px;
    max-height: calc(100% - 64px);
    padding-top: 159px;
  }
}

.layer-job-introduction .layer-wrap {
  height: 100%;
}

.layer-job-introduction .layer-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 2;
  top: 30px;
  left: 40px;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .layer-filter {
    top: 30px;
    top: 2.19619vw;
    left: 40px;
    left: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .layer-filter {
    top: 71px;
    left: 16px;
  }
}

.layer-job-introduction .layer-area {
  max-height: 100%;
}

.layer-job-introduction .layer-inner {
  padding: 0 40px 60px;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .layer-inner {
    padding: 0px 40px 60px;
    padding: 0vw 2.92826vw 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .layer-inner {
    padding: 0 16px 60px;
  }
}

.layer-job-introduction .layer-title {
  padding: 35px 0 31px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .layer-title {
    padding: 35px 0px 31px;
    padding: 2.56223vw 0vw 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .layer-title {
    padding: 30px 0 27px;
    text-align: left;
  }
}

.layer-job-introduction .layer-title-name {
  max-width: 410px;
  margin: 0 auto;
  color: #0079fa;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .layer-title-name {
    max-width: 410px;
    max-width: 30.01464vw;
    font-size: 28px;
    font-size: 2.04978vw;
    line-height: 34px;
    line-height: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .layer-title-name {
    max-width: none;
    margin: 0;
    font-size: 26px;
    line-height: 31px;
  }
}

.layer-job-introduction .layer-title-text {
  max-width: 410px;
  margin: 17px auto 0;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .layer-title-text {
    max-width: 410px;
    max-width: 30.01464vw;
    margin-top: 17px;
    margin-top: 1.24451vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .layer-title-text {
    max-width: 193px;
    margin: 16px 0 0;
    color: #212121;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
  }
}

.layer-job-introduction .filter-position {
  position: relative;
}

.layer-job-introduction .filter-position + .filter-position {
  margin-left: 10px;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .filter-position + .filter-position {
    margin-left: 10px;
    margin-left: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .filter-position + .filter-position {
    margin-left: 10px;
  }
}

.layer-job-introduction .btn-filter {
  position: relative;
  min-width: 152px;
  padding: 14px 40px 13px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #212121;
  text-align: left;
  border: 2px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .btn-filter {
    min-width: 152px;
    min-width: 11.12738vw;
    padding: 14px 40px 13px 20px;
    padding: 1.02489vw 2.92826vw 0.95168vw 1.46413vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .btn-filter {
    min-width: 135px;
    border-width: 1px;
    padding: 13px 30px 13px 11px;
    font-size: 14px;
    line-height: 20px;
  }
}

.layer-job-introduction .btn-filter::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4px;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  width: 30px;
  height: 30px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -844px -1394px;
  background-repeat: no-repeat;
  content: '';
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .btn-filter::after {
    width: 2.19619vw;
    height: 2.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -61.79vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .btn-filter::after {
    width: 30px;
    height: 30px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -844px -1394px;
    background-repeat: no-repeat;
  }
}

.layer-job-introduction .btn-filter.is-active::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.layer-job-introduction .btn-filter.is-active + .filter-option {
  display: block;
}

.layer-job-introduction .filter-option {
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  width: 100%;
  border: 2px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .filter-option {
    border-width: 1px;
  }
}

.layer-job-introduction .filter-option .option:not(:first-child) {
  border-top: 2px solid #dbdbdb;
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .filter-option .option:not(:first-child) {
    border-width: 1px;
  }
}

.layer-job-introduction .filter-option .btn-option {
  width: 100%;
  padding: 14px 40px 13px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #212121;
  text-align: left;
}

@media screen and (min-width: 1366px) {
  .layer-job-introduction .filter-option .btn-option:hover {
    background-color: #dbdbdb;
  }
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .filter-option .btn-option {
    padding: 14px 40px 13px 20px;
    padding: 1.02489vw 2.92826vw 0.95168vw 1.46413vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .filter-option .btn-option {
    padding: 13px 30px 13px 11px;
    font-size: 14px;
    line-height: 20px;
  }
}

.layer-job-introduction .filter-option .btn-option.is-selected {
  background-color: #dbdbdb;
}

.layer-job-introduction .box-list {
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .box-list {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .box-list {
    margin-top: 0;
  }
}

.layer-job-introduction .box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .box-item {
    margin-top: 35px;
    margin-top: 2.56223vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .box-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 38px;
  }
  .layer-job-introduction .box-item:first-child {
    margin-top: 20px;
  }
}

.layer-job-introduction .box-item-content {
  width: calc(100% - 170px);
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .box-item-content {
    width: calc(100% - 12.445vw);
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .box-item-content {
    width: calc(100% - 17px);
    margin-left: 0;
  }
}

.layer-job-introduction .box-item-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #191919;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .box-item-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .box-item-title {
    margin-top: 10px;
    font-size: 17px;
    line-height: 21px;
    color: #212121;
  }
}

.layer-job-introduction .box-item-desc {
  margin-top: 19px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .box-item-desc {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .box-item-desc {
    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.3px;
  }
}

.layer-job-introduction .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media screen and (max-width: 1365px) {
  .layer-job-introduction .btn-close {
    top: 20px;
    top: 1.46413vw;
    right: 20px;
    right: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-job-introduction .btn-close {
    top: 16px;
    right: 16px;
  }
}

.layer-factory-diagram {
  padding: 40px 0;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram {
    padding: 40px 0px;
    padding: 2.92826vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram {
    padding: 20px 0;
  }
}

.layer-factory-diagram .layer-dim {
  background-color: rgba(33, 33, 33, 0.65);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.layer-factory-diagram .layer-popup {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 792px;
  max-height: 100%;
  padding: 60px;
  background: #fff;
  text-align: left;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram .layer-popup {
    width: 792px;
    width: 57.9795vw;
    padding: 60px;
    padding: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram .layer-popup {
    width: 312px;
    padding: 40px 16px;
  }
}

.layer-factory-diagram .layer-content {
  display: none;
}

.layer-factory-diagram .layer-content.is-show {
  display: block;
}

.layer-factory-diagram-title {
  display: block;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-title {
    padding-bottom: 30px;
    padding-bottom: 2.19619vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-title {
    padding: 0 40px 20px 0;
    font-size: 17px;
    line-height: 21px;
  }
}

.layer-factory-diagram-info {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-info {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-info {
    margin-top: 20px;
  }
}

.layer-factory-diagram-thumb {
  position: relative;
  padding-bottom: 53.572%;
}

.layer-factory-diagram-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.layer-factory-diagram-desc {
  margin-top: 40px;
  font-size: 20px;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-desc {
    margin-top: 40px;
    margin-top: 2.92826vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-desc {
    min-height: 60px;
    margin-top: 40px;
    font-size: 15px;
    line-height: 20px;
  }
}

.layer-factory-diagram .group-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 24px;
  right: 30px;
  z-index: 2;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram .group-number {
    top: 24px;
    top: 1.75695vw;
    right: 30px;
    right: 2.19619vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram .group-number {
    top: 12px;
    right: 12px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.14px;
  }
}

.layer-factory-diagram .group-number .current {
  color: #fff;
}

.layer-factory-diagram .group-number .total::before {
  display: inline-block;
  width: 2px;
  height: 12px;
  margin: 0 16px;
  background: #fff;
  content: '';
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram .group-number .total::before {
    width: 2px;
    width: 0.14641vw;
    height: 12px;
    height: 0.87848vw;
    margin: 0px 16px;
    margin: 0vw 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram .group-number .total::before {
    width: 2px;
    height: 10px;
    margin: 0 8px;
  }
}

.layer-factory-diagram .group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 331px;
  right: 31px;
  z-index: 3;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram .group-btn {
    top: 331px;
    top: 24.23133vw;
    right: 31px;
    right: 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram .group-btn {
    top: 128px;
    right: 12px;
  }
}

.layer-factory-diagram .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram .btn-close {
    top: 20px;
    top: 1.46413vw;
    right: 20px;
    right: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram .btn-close {
    top: 16px;
    right: 16px;
  }
}

.layer-factory-diagram-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-action {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-action {
    margin-top: 50px;
  }
}

.layer-factory-diagram-action button {
  position: relative;
  width: 50%;
  padding: 19px 20px 18px;
  border: 1px solid #dbdbdb;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #757575;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-action button {
    padding: 19px 20px 18px;
    padding: 1.39092vw 1.46413vw 1.31772vw;
    font-size: 18px;
    font-size: 1.31772vw;
    font-weight: 600;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-action button {
    min-height: 50px;
    padding: 9px 24px 7px;
    font-size: 13px;
    line-height: 16px;
  }
}

.layer-factory-diagram-action button:not(:first-child) {
  margin-left: 12px;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-action button:not(:first-child) {
    margin-left: 12px;
    margin-left: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-action button:not(:first-child) {
    margin-left: 8px;
  }
}

@media screen and (min-width: 1366px) {
  .layer-factory-diagram-action button:hover {
    border-color: #0079fa;
    color: #0079fa;
  }
  .layer-factory-diagram-action button:hover::before {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -356px -1442px;
    background-repeat: no-repeat;
  }
}

.layer-factory-diagram-action button::before {
  position: absolute;
  top: 50%;
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -588px -372px;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-action button::before {
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -43.05vw -27.23vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-action button::before {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 945.625px 918.75px;
    background-size: 945.625px 918.75px;
    background-position: -367.5px -232.5px;
    background-repeat: no-repeat;
  }
}

.layer-factory-diagram-action .layer-factory-prev::before {
  left: 18px;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-action .layer-factory-prev::before {
    left: 18px;
    left: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-action .layer-factory-prev::before {
    left: 8px;
  }
}

@media screen and (min-width: 1366px) {
  .layer-factory-diagram-action .layer-factory-prev:hover::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}

.layer-factory-diagram-action .layer-factory-next::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  right: 18px;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram-action .layer-factory-next::before {
    right: 18px;
    right: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram-action .layer-factory-next::before {
    right: 8px;
  }
}

@media screen and (min-width: 1366px) {
  .layer-factory-diagram-action .layer-factory-next:hover::before {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
  }
}

.layer-factory-diagram .swiper-btn {
  width: 56px;
  height: 56px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -136px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .layer-factory-diagram .swiper-btn {
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -9.96vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .layer-factory-diagram .swiper-btn {
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1080.71429px 1050px;
    background-size: 1080.71429px 1050px;
    background-position: -1034.45714px -97.14286px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .layer-factory-diagram .swiper-btn:hover {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1448.24px -584px;
    background-repeat: no-repeat;
  }
}

.layer-factory-diagram .swiper-btn-next {
  -webkit-transform: rotateY(180deg) translateX(-100%);
  transform: rotateY(180deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  margin-left: -1px;
}

@media screen and (min-width: 1366px) {
  .layer-factory-diagram .swiper-btn-next:hover {
    -webkit-transform: none;
    transform: none;
  }
}

@media screen and (min-width: 1366px) {
  .layer-factory-diagram .swiper-btn-prev:hover {
    -webkit-transform: rotateY(180deg) translateX(-100%);
    transform: rotateY(180deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

html:lang(en) .layer-search .keyword-suggestion-head {
  font-size: 14px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .layer-search .keyword-suggestion-head {
    font-size: 16px;
    font-size: 1vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .layer-search .keyword-suggestion-head {
    font-size: 15px;
  }
}

html:lang(en) .layer-search-form {
  width: 830px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .layer-search-form {
    width: 830px;
    width: 60.76135vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .layer-search-form {
    width: 100%;
  }
}

html:lang(en) .layer-csr-activities .csr-activities-info dt {
  letter-spacing: 0;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 16px;
}

@media screen and (max-width: 1365px) {
  .pagination-list {
    margin: 0px 16px;
    margin: 0vw 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .pagination-list {
    margin: 0 16px;
  }
}

.pagination-item {
  cursor: pointer;
}

.pagination-item:first-child {
  margin-right: 8px;
}

@media screen and (max-width: 1365px) {
  .pagination-item:first-child {
    margin-right: 8px;
    margin-right: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .pagination-item:first-child {
    margin-right: 4px;
  }
}

.pagination-item:last-child {
  margin-left: 8px;
}

@media screen and (max-width: 1365px) {
  .pagination-item:last-child {
    margin-left: 8px;
    margin-left: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .pagination-item:last-child {
    margin-left: 4px;
  }
}

.pagination-item.is-disabled {
  pointer-events: none;
}

.pagination-list-item.is-active .pagination-link {
  border: 1px solid #0079f9;
  color: #0079f9;
}

.pagination-list-item:not(:first-child) {
  margin-left: 8px;
}

@media screen and (max-width: 1365px) {
  .pagination-list-item:not(:first-child) {
    margin-left: 8px;
    margin-left: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .pagination-list-item:not(:first-child) {
    margin-left: 12px;
  }
}

.pagination-link {
  display: block;
  min-width: 32px;
  padding: 0 8px;
  border: 1px solid transparent;
  font-size: 16px;
  line-height: 30px;
  color: #757575;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .pagination-link {
    min-width: 32px;
    min-width: 2.34261vw;
    padding: 0px 8px;
    padding: 0vw 0.58565vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .pagination-link {
    min-width: 32px;
    font-size: 17px;
    line-height: 30px;
    padding: 0 8px;
  }
}

.tab.type-full .tab-list {
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .tab.type-full .tab-list {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    background-color: #fff;
    -webkit-transition: top .5s;
    transition: top .5s;
    z-index: 20;
  }
  .tab.type-full .tab-list.is-scroll-down {
    top: 0;
  }
}

.tab.type-full .tab-item {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tab.type-full .tab-item:first-child .btn-tab {
  padding-left: 20px;
}

@media screen and (max-width: 1365px) {
  .tab.type-full .tab-item:first-child .btn-tab {
    padding-left: 20px;
    padding-left: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .tab.type-full .tab-item:first-child .btn-tab {
    padding-left: 13px;
  }
}

.tab.type-full .tab-item:first-child .btn-tab::before {
  content: none;
}

.tab.type-full .tab-item::before {
  content: none;
}

.tab.type-full .tab-item.is-active .btn-tab {
  color: #212121;
}

.tab.type-full .tab-item.is-active .btn-tab::after {
  background-color: #212121;
}

.tab.type-full .tab-content {
  margin-top: 17px;
}

@media screen and (max-width: 1365px) {
  .tab.type-full .tab-content {
    margin-top: 17px;
    margin-top: 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .tab.type-full .tab-content {
    margin-top: 0;
  }
}

.tab.type-full .btn-tab {
  display: block;
  position: relative;
  padding: 20px 20px 21px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .tab.type-full .btn-tab {
    padding: 20px 20px 21px;
    padding: 1.46413vw 1.46413vw 1.53734vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .tab.type-full .btn-tab {
    padding: 13px 13px 12px;
    font-size: 13px;
    line-height: 16px;
  }
}

.tab.type-full .btn-tab:hover {
  color: inherit;
}

.tab.type-full .btn-tab::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: transparent;
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-item:not(:first-child)::before {
  width: 2px;
  height: 20px;
  background-color: #ededed;
  content: "";
}

@media screen and (max-width: 768px) {
  .tab-item:not(:first-child)::before {
    width: 1px;
    height: 10px;
  }
}

.tab-item:first-child .btn-tab {
  position: relative;
  padding-left: 0;
}

.tab-item:first-child .btn-tab::before {
  position: absolute;
  top: 0;
  left: -50px;
  height: 100%;
  padding-left: 50px;
  content: "";
}

@media screen and (max-width: 1365px) {
  .tab-item:first-child .btn-tab::before {
    left: -50px;
    left: -3.66032vw;
    padding-left: 50px;
    padding-left: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-item:first-child .btn-tab::before {
    left: -25px;
    padding-left: 25px;
  }
}

.tab-item.is-active .btn-tab {
  font-weight: 700;
  color: #0079fa;
}

.tab-item:hover .btn-tab {
  color: #0079fa;
}

.tab-content {
  display: none;
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .tab-content {
    margin-top: 39px;
    margin-top: 2.85505vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-content {
    margin-top: 23px;
  }
}

.tab-content.is-show {
  display: block;
}

.tab .btn-tab {
  padding: 10px 50px;
  color: #757575;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1667;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .tab .btn-tab {
    padding: 10px 50px;
    padding: 0.73206vw 3.66032vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 1.1667;
  }
}

@media screen and (max-width: 768px) {
  .tab .btn-tab {
    padding: 6px 25px;
    font-size: 15px;
    line-height: 1.2;
  }
}

.input-item {
  position: relative;
}

.input:not(:first-child) {
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .input:not(:first-child) {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .input:not(:first-child) {
    margin-top: 28px;
  }
}

.input-group {
  font-size: 0;
}

.input-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .input-title {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .input-title {
    font-size: 15px;
    line-height: 18px;
  }
}

.input-title.is-required {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-title.is-required::after {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: 7px;
  border-radius: 50%;
  background-color: #ff5b34;
  content: '';
}

@media screen and (max-width: 768px) {
  .input-title.is-required::after {
    margin-left: 4px;
  }
}

.input-box {
  margin-top: 12px;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .input-box {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

.input-box.donation-product-type {
  width: 420px;
}

@media screen and (max-width: 1365px) {
  .input-box.donation-product-type {
    width: 420px;
    width: 30.74671vw;
  }
}

@media screen and (max-width: 768px) {
  .input-box.donation-product-type {
    width: 100%;
  }
}

.input-box .input-text {
  border: 1px solid #dbdbdb;
}

.input-box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-box-row .input-item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.input-box-row .input-item:not(:first-child) {
  margin-left: 30px;
}

@media screen and (max-width: 1365px) {
  .input-box-row .input-item:not(:first-child) {
    margin-left: 30px;
    margin-left: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .input-box-row .input-item:not(:first-child) {
    margin-left: 10px;
  }
}

.input-text {
  width: 100%;
  padding: 18px 20px 17px 19px;
  border: none;
  border-radius: 0;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .input-text {
    padding: 18px 20px 17px;
    padding: 1.31772vw 1.46413vw 1.24451vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .input-text {
    padding: 14px 13px 14px 14px;
    font-size: 14px;
    line-height: 18px;
  }
}

.input-area-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-area-wrap .input-box:not(:first-child) {
  position: relative;
  margin-left: 27px;
}

.input-area-wrap .input-box:not(:first-child)::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -18px;
  width: 10px;
  height: 1px;
  background-color: #dbdbdb;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

.input-combine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-combine .input-item:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.input-combine .input-item:not(:first-child) {
  margin-left: 6px;
}

.input .input-combine .icon-arrow-dropdown {
  right: 12px;
}

@media screen and (max-width: 1365px) {
  .input .input-combine .icon-arrow-dropdown {
    right: 12px;
    right: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .input .input-combine .icon-arrow-dropdown {
    right: 14px;
  }
}

.input.zip-code .input-item {
  margin-top: 12px;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .input.zip-code .input-item {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

.input.zip-code .input-combine {
  width: 445px;
}

@media screen and (max-width: 1365px) {
  .input.zip-code .input-combine {
    width: 445px;
    width: 32.57687vw;
  }
}

@media screen and (max-width: 768px) {
  .input.zip-code .input-combine {
    width: 100%;
  }
}

.input.zip-code .input-combine .input-item {
  margin-top: 0;
}

.input.zip-code .input-combine .input-item:not(:first-child) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 6px;
}

@media screen and (max-width: 768px) {
  .input.zip-code .input-combine .input-item:not(:first-child) {
    margin-left: 4px;
  }
}

.input.zip-code .btn-input {
  display: block;
  padding: 19px 33px 18px 34px;
  background-color: #757575;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .input.zip-code .btn-input {
    padding: 19px 33px 18px 34px;
    padding: 1.39092vw 2.41581vw 1.31772vw 2.48902vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .input.zip-code .btn-input {
    padding: 15px 26px 16px;
    font-size: 14px;
    line-height: 17px;
  }
}

.input.text-area .input-text {
  height: 150px;
  border: 1px solid #dbdbdb;
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .input.text-area .input-text {
    height: 150px;
    height: 10.98097vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .input.text-area .input-text {
    height: 158px;
    font-size: 14px;
    line-height: 25px;
  }
}

.input-notice {
  overflow-y: scroll;
  height: 148px;
  padding: 16px 19px 15px;
  border: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .input-notice {
    height: 148px;
    height: 10.83455vw;
    padding: 14px 20px 17px;
    padding: 1.02489vw 1.46413vw 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .input-notice {
    height: 102px;
    padding: 15px 14px;
  }
}

.input-notice .notice-list {
  margin-top: 12px;
}

@media screen and (max-width: 1365px) {
  .input-notice .notice-list {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .input-notice .notice-list {
    margin-top: 12px;
  }
}

.input-notice .notice-item {
  margin-top: 12px;
}

@media screen and (max-width: 1365px) {
  .input-notice .notice-item {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .input-notice .notice-item {
    margin-top: 12px;
  }
}

.input-notice .notice-title {
  font-size: 16px;
  line-height: 23px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .input-notice .notice-title {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 23px;
    line-height: 1.68375vw;
  }
}

@media screen and (max-width: 768px) {
  .input-notice .notice-title {
    font-size: 14px;
    line-height: 18px;
  }
}

.input-notice .notice-text {
  font-size: 16px;
  line-height: 23px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .input-notice .notice-text {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 23px;
    line-height: 1.68375vw;
  }
}

@media screen and (max-width: 768px) {
  .input-notice .notice-text {
    font-size: 14px;
    line-height: 18px;
  }
}

.input-notice .text-blur {
  color: #dbdbdb;
}

.input.agree-policy .input-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 18px;
  background: #f8fbff;
}

@media screen and (max-width: 1365px) {
  .input.agree-policy .input-item {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .input.agree-policy .input-item {
    margin-top: 12px;
  }
}

.input.agree-policy .label-checkbox {
  width: 100%;
  padding: 18px 20px 17px;
  font-size: 16px;
  line-height: 19px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .input.agree-policy .label-checkbox {
    padding: 18px 20px 17px;
    padding: 1.31772vw 1.46413vw 1.24451vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .input.agree-policy .label-checkbox {
    padding: 16px 15px;
    font-size: 14px;
    line-height: 17px;
  }
}

.input.agree-policy .input-checkbox {
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
}

@media screen and (max-width: 1365px) {
  .input.agree-policy .input-checkbox {
    right: 20px;
    right: 1.46413vw;
    width: 20px;
    width: 1.46413vw;
    height: 20px;
    height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .input.agree-policy .input-checkbox {
    right: 15px;
    width: 18px;
    height: 18px;
  }
}

.input.agree-policy .input-checkbox:checked {
  border: transparent;
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -614px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .input.agree-policy .input-checkbox:checked {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -44.95vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .input.agree-policy .input-checkbox:checked {
    width: 18px;
    height: 18px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1361.7px 1323px;
    background-size: 1361.7px 1323px;
    background-position: -552.6px -1297.8px;
    background-repeat: no-repeat;
  }
}

.input-donation-receipt, .input-capcha, .input-howto-reply {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.input-donation-receipt {
  width: 282px;
}

@media screen and (max-width: 1365px) {
  .input-donation-receipt {
    width: 282px;
    width: 20.64422vw;
  }
}

@media screen and (max-width: 768px) {
  .input-donation-receipt {
    width: 100%;
  }
}

.input-capcha {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .input-capcha {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .input-capcha {
    margin-left: 0;
  }
}

.input-capcha .input-item {
  width: 230px;
  height: 56px;
}

@media screen and (max-width: 1365px) {
  .input-capcha .input-item {
    width: 230px;
    width: 16.83748vw;
    height: 56px;
    height: 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .input-capcha .input-item {
    width: 100%;
    height: 100%;
  }
}

.input-capcha .input-item img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.input .input-file {
  display: none;
}

.input.add-file .input-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .input.add-file .input-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .input.add-file .input-item .input-label {
    margin-top: 12px;
  }
}

.input.add-file .input-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 6px;
}

@media screen and (max-width: 1365px) {
  .input.add-file .input-text {
    margin-left: 6px;
    margin-left: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .input.add-file .input-text {
    margin-left: 0;
    letter-spacing: -0.28px;
  }
}

.input-half-width {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 15px);
}

@media screen and (max-width: 768px) {
  .input-half-width {
    width: 100%;
  }
}

.input-half-width + .input-half-width {
  margin-left: 30px;
}

@media screen and (max-width: 1365px) {
  .input-half-width + .input-half-width {
    margin-left: 30px;
    margin-left: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .input-half-width + .input-half-width {
    margin-left: 0;
  }
}

.input-half-width .input-item {
  position: relative;
  -ms-flex-preferred-size: calc(100%/3 - 18px);
  flex-basis: calc(100%/3 - 18px);
}

@media screen and (max-width: 768px) {
  .input-half-width .input-item {
    -ms-flex-preferred-size: calc(100%/3 - 8px);
    flex-basis: calc(100%/3 - 8px);
  }
}

.input-half-width .input-item:not(:first-child) {
  margin-left: 27px;
}

@media screen and (max-width: 1365px) {
  .input-half-width .input-item:not(:first-child) {
    margin-left: 27px;
    margin-left: 1.97657vw;
  }
}

@media screen and (max-width: 768px) {
  .input-half-width .input-item:not(:first-child) {
    margin-left: 12px;
  }
}

.input-half-width .input-item:not(:first-child)::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -18px;
  width: 10px;
  height: 1px;
  background-color: #dbdbdb;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media screen and (max-width: 1365px) {
  .input-half-width .input-item:not(:first-child)::before {
    left: -18px;
    left: -1.31772vw;
    width: 10px;
    width: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .input-half-width .input-item:not(:first-child)::before {
    left: -7px;
    width: 4px;
  }
}

.input-half-width .input-text::-webkit-inner-spin-button, .input-half-width .input-text::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.input-radio {
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1196px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .input-radio {
    width: 1.1713vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -87.55vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .input-radio {
    width: 12px;
    height: 12px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -559px -490.12px;
    background-repeat: no-repeat;
  }
}

.input-radio:checked {
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1032px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .input-radio:checked {
    width: 0.87848vw;
    height: 0.88vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 83.07vw 80.71vw;
    background-size: 83.07vw 80.71vw;
    background-position: -56.66vw -79.17vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .input-radio:checked {
    width: 12px;
    height: 12px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -491px -430px;
    background-repeat: no-repeat;
  }
}

.input-howto-reply {
  width: 245px;
}

@media screen and (max-width: 1365px) {
  .input-howto-reply {
    width: 245px;
    width: 17.93558vw;
  }
}

@media screen and (max-width: 768px) {
  .input-howto-reply {
    width: 100%;
  }
}

.input-howto-reply .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .input-howto-reply .input-box {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .input-howto-reply .input-box {
    margin-top: 27px;
  }
}

.input-howto-reply .input-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-howto-reply .input-item:not(:first-child) {
  margin-left: 37px;
}

@media screen and (max-width: 1365px) {
  .input-howto-reply .input-item:not(:first-child) {
    margin-left: 37px;
    margin-left: 2.70864vw;
  }
}

@media screen and (max-width: 768px) {
  .input-howto-reply .input-item:not(:first-child) {
    margin-left: 49px;
  }
}

.input .label-radio {
  margin-left: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .input .label-radio {
    margin-left: 8px;
    margin-left: 0.58565vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .input .label-radio {
    margin-left: 8px;
    font-size: 15px;
    line-height: 18px;
  }
}

.input .btn-label {
  display: block;
  padding: 19px 33px 18px 34px;
  background-color: #757575;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .input .btn-label {
    padding: 19px 33px 18px 34px;
    padding: 1.39092vw 2.41581vw 1.31772vw 2.48902vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .input .btn-label {
    margin-top: 0;
    padding: 15px 15px 16px;
    font-size: 14px;
    line-height: 17px;
  }
}

.input .btn-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 18px 20px 17px 19px;
  border: 1px solid #dbdbdb;
  font-size: 16px;
  line-height: 19px;
  background-color: #fff;
  color: #757575;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .input .btn-option {
    padding: 18px 20px 17px;
    padding: 1.31772vw 1.46413vw 1.24451vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .input .btn-option {
    padding: 15px 14px 14px;
    font-size: 14px;
    line-height: 17px;
  }
}

.input .btn-option.apply-phone {
  padding-left: 14px;
  padding-right: 11px;
}

@media screen and (max-width: 1365px) {
  .input .btn-option.apply-phone {
    padding-left: 14px;
    padding-left: 1.02489vw;
    padding-right: 11px;
    padding-right: 0.80527vw;
  }
}

@media screen and (max-width: 768px) {
  .input .btn-option.apply-phone {
    padding-left: 14px;
    padding-right: 13px;
  }
}

.input .option-list {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding-right: 6px;
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .input .option-list {
    padding-right: 6px;
    padding-right: 0.43924vw;
    padding: 9px 0px 12px;
    padding: 0.65886vw 0vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .input .option-list {
    padding-right: 4px;
  }
}

.input .option-list-content {
  overflow-y: auto;
  max-height: 240px;
}

@media screen and (max-width: 1365px) {
  .input .option-list-content {
    max-height: 240px;
    max-height: 17.56955vw;
    padding: 9px 0px 12px;
    padding: 0.65886vw 0vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .input .option-list-content {
    max-height: 200px;
    padding: 0 0 5px;
  }
}

.input .option-list-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}

.input .option-list-content::-webkit-scrollbar-track {
  background-color: transparent;
}

.input .option-list-content::-webkit-scrollbar-thumb {
  border: none;
  background-color: rgba(33, 33, 33, 0.2);
}

.input .option-list .is-select .btn-option-select {
  color: #212121;
}

.input .option-box {
  position: relative;
}

.input .option-box .icon {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.input .option-box.is-selecting .option-list {
  display: block;
}

.input .option-box.is-selecting .icon {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.input .btn-option-select {
  width: 100%;
  padding: 10px 30px;
  background-color: #fff;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1366px) {
  .input .btn-option-select:hover {
    color: #212121;
  }
}

@media screen and (max-width: 1365px) {
  .input .btn-option-select {
    padding: 10px 30px;
    padding: 0.73206vw 2.19619vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .input .btn-option-select {
    padding: 10px 24px;
    font-size: 14px;
    line-height: 22px;
  }
}

.input .btn-option-select:disabled {
  color: #dbdbdb;
}

.input label {
  cursor: pointer;
}

.input-option {
  display: none;
}

.input-option.is-show {
  display: block;
}

.input-option.product-recall {
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .input-option.product-recall {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .input-option.product-recall {
    margin-top: 28px;
  }
}

.input .icon-arrow-dropdown {
  position: absolute;
  right: 20px;
}

@media screen and (max-width: 1365px) {
  .input .icon-arrow-dropdown {
    right: 20px;
    right: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .input .icon-arrow-dropdown {
    right: 15px;
  }
}

.table-wrap {
  max-width: 996px;
}

@media screen and (max-width: 1365px) {
  .table-wrap {
    max-width: 996px;
    max-width: 72.91362vw;
  }
}

@media screen and (max-width: 768px) {
  .table-wrap {
    max-width: none;
    margin-right: -24px;
  }
}

.table-wrap + .table-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .table-wrap + .table-wrap {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .table-wrap + .table-wrap {
    margin-top: 50px;
  }
}

.table-box .table {
  border-top: 2px solid #212121;
}

/* S: 2024-08-13 추가 */
.strong-text{
  font-size:20px;
  color:#000;
}

.table-wrap.frameout{
  margin-top:30px;
}

.table-wrap.frameout .table-box .table{
  table-layout: fixed;
  border-top:2px solid #0079fa;
}

.table-wrap.frameout .table-box .table a {
  color: #0079fa; /* 2024-12-09 추가 */
  text-decoration:underline;
}
/* E:// 2024-08-13 추가 */



@media (min-width: 769px) {
  .table-box .table {
    width: 100%;
    max-width: 996px;
  }
}

@media (max-width: 768px) {
  .table-box .table {
    width: 100%;
    min-width: 536px;
  }
}

@media screen and (max-width: 768px) {
  .table.table-type2 [data-depth="1"] {
    width: 76px !important;
  }
}

@media screen and (max-width: 768px) {
  .table.table-type3 .sticky-head {
    width: 236px !important;
  }
}

@media screen and (max-width: 768px) {
  .table.table-type4 .sticky-head {
    width: 136px !important;
  }
}

@media screen and (max-width: 768px) {
  .table.table-type4 [data-depth="1"] {
    left: 136px;
    width: 100px !important;
  }
}

.table-box {
  overflow: auto hidden;
  max-width: 996px;
}

.table-box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8px;
}

@media screen and (max-width: 1365px) {
  .table-box-head {
    padding-bottom: 8px;
    padding-bottom: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box-head {
    padding-bottom: 20px;
  }
}

.table-box-head .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .table-box-head .title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box-head .title {
    font-size: 24px;
    line-height: 29px;
  }
}

.table-box-head .desc {
  margin: 31px 0 0 auto;
  font-size: 16px;
  line-height: 20px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .table-box-head .desc {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box-head .desc {
    margin: 15px 19px 0 auto;
    font-size: 13px;
    line-height: 16px;
  }
}

.table-box-style2 {
  width: 996px;
}

@media screen and (max-width: 1365px) {
  .table-box-style2 {
    width: 996px;
    width: 72.91362vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box-style2 {
    table-layout: fixed;
    width: auto;
  }
}

.table-box-style2 .table-box-title {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #191919;
}

.table-box-style2 table {
  width: 100%;
  margin-top: 30px;
  border-top: 2px solid #212121;
}

@media screen and (max-width: 1365px) {
  .table-box-style2 table {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box-style2 table {
    margin-top: 20px;
  }
}

.table-box-style2 table tbody td {
  height: 80px;
  padding: 17px 24px 16px;
  border-bottom: 1px solid #ededed;
  font-size: 18px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .table-box-style2 table tbody td {
    height: 80px;
    height: 5.85652vw;
    padding: 17px 24px 16px;
    padding: 1.24451vw 1.75695vw 1.1713vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box-style2 table tbody td {
    height: 84px;
    padding: 16px 2px 16px 7px;
    font-size: 14px;
    line-height: 17px;
  }
}

.table-box-style2 table .col-number {
  width: 10.045%;
}

@media screen and (max-width: 768px) {
  .table-box-style2 table .col-number {
    width: 44px;
  }
}

.table-box-style2 table .col-date {
  width: 14.9%;
}

@media screen and (max-width: 768px) {
  .table-box-style2 table .col-date {
    width: 73px;
  }
}

.table-box-style2 table .col-detail {
  width: auto;
}

.table-box-style2 .table-head {
  padding: 21px 24px;
  border-bottom: 1px solid #ededed;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .table-box-style2 .table-head {
    padding: 21px 24px;
    padding: 1.53734vw 1.75695vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box-style2 .table-head {
    padding: 12px 0 11px 7px;
    font-size: 15px;
    line-height: 19px;
  }
}

@media screen and (max-width: 768px) {
  .table .sticky-head {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background: #fff;
  }
  .table .sticky-head.is-covered::after {
    position: absolute;
    right: -6px;
    top: 0;
    bottom: -1px;
    width: 5px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
  }
}

.table .thead-title {
  font-size: 20px;
  line-height: 24px;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .table .thead-title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media screen and (max-width: 768px) {
  .table .thead-title {
    width: auto !important;
    font-size: 15px;
    line-height: 19px;
  }
}

.table .thead-row {
  text-align: left;
}

.table .txt-blue {
  color: #0079fa;
}

.table tbody [data-depth] {
  padding-left: 0;
}

@media screen and (max-width: 768px) {
  .table tbody [data-depth] {
    padding: 19px 7px 18px 0;
  }
}

@media screen and (max-width: 768px) {
  .table tbody [data-depth="1"] {
    left: 76px;
    width: 160px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .table tbody [data-depth="2"] {
    left: 152px;
    width: 84px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.table-box td, .table-box th {
  padding: 21px 21px 20px 22px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #191919;
}

@media screen and (max-width: 1365px) {
  .table-box td, .table-box th {
    padding: 21px 10px 21px 22px;
    padding: 1.53734vw 0.73206vw 1.53734vw 1.61054vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box td, .table-box th {
    padding: 27px 7px;
    font-size: 14px;
    line-height: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.table-box thead th {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .table-box thead th {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box thead th {
    padding: 12px 7px;
    font-size: 15px;
    line-height: 18px;
  }
}

.table-box thead th:first-child {
  padding: 20px 10px 19px 22px;
}

@media screen and (max-width: 1365px) {
  .table-box thead th:first-child {
    padding: 20px 10px 19px 22px;
    padding: 1.46413vw 0.73206vw 1.39092vw 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .table-box tbody th:first-child {
    width: 76px !important;
  }
}

.table-box tbody td {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .table-box tbody td {
    width: 100px !important;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .table-box-type2 tbody th:first-child {
    width: 94px !important;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .table-box-type2 .table tbody [data-depth="1"] {
    left: 94px;
  }
}

.page-home .content-bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.header-home:not(.is-change-mo) {
  background: transparent;
}

@media screen and (max-width: 768px) {
  .header-home {
    background: transparent;
  }
}

@media screen and (max-width: 768px) {
  .header-home .header-bottom:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background: transparent;
    -webkit-transition: -webkit-transform 40ms;
    transition: -webkit-transform 40ms;
    transition: transform 40ms;
    transition: transform 40ms, -webkit-transform 40ms;
  }
  .header-home .header-bottom.is-show-bg::before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: #0079fa;
    -webkit-transition: -webkit-transform 40ms;
    transition: -webkit-transform 40ms;
    transition: transform 40ms;
    transition: transform 40ms, -webkit-transform 40ms;
  }
}

.key-visual {
  position: relative;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
}

@media (min-width: 769px) {
  .key-visual-inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
  }
}

.key-visual-img {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  -o-object-fit: cover;
  object-fit: cover;
}

.key-visual-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 160px;
  color: #fff;
}

@media (max-width: 1366px) {
  .key-visual-content {
    left: 160px;
    left: 11.71303vw;
    max-width: 686px;
    max-width: 50.21962vw;
    font-size: 40px;
    font-size: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-content {
    top: 105px;
    left: 24px;
    max-width: calc(100% - 48px);
  }
}

.key-visual-content .sub-title {
  display: block;
  overflow: hidden;
}

.key-visual-content .sub-title .text {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 8px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .75s;
  transition: -webkit-transform .75s;
  transition: transform .75s;
  transition: transform .75s, -webkit-transform .75s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1366px) {
  .key-visual-content .sub-title .text {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
    letter-spacing: 8px;
    letter-spacing: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-content .sub-title .text {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 5.2px;
  }
}

.key-visual-content .title {
  display: block;
  margin-top: 20px;
}

@media (max-width: 1366px) {
  .key-visual-content .title {
    margin-top: 20px;
    margin-top: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-content .title {
    margin-top: 20px;
  }
}

.key-visual-content .text {
  display: block;
  overflow: hidden;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.3;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transition-delay: calc(var(--i) * 0.1s);
  transition-delay: calc(var(--i) * 0.1s);
  word-wrap: break-word;
  word-break: break-all;
}

@media (max-width: 1366px) {
  .key-visual-content .text {
    font-size: 80px;
    font-size: 5.85652vw;
    line-height: 101px;
    line-height: 7.39385vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-content .text {
    font-size: 32px;
    line-height: 46px;
  }
}

.key-visual-box-link {
  overflow: hidden;
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .key-visual-box-link {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-box-link {
    margin-top: 32px;
  }
}

.key-visual-link {
  display: inline-block;
  padding: 19px 32px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.1);
  font-size: 22px;
  line-height: 26px;
  color: #fff;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
  -webkit-transition-delay: calc(var(--i) * 0.1s);
  transition-delay: calc(var(--i) * 0.1s);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .key-visual-link {
    padding: 19px 32px;
    padding: 1.39092vw 2.34261vw;
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-link {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 18px;
  }
}

.key-visual.is-dark .btn-key-visual {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -76px -1322px;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1366px) {
  .key-visual.is-dark .btn-key-visual:hover {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -4px -1322px;
    background-repeat: no-repeat;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  .key-visual.is-dark .btn-key-visual {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -5.56vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .key-visual.is-dark .btn-key-visual {
    width: 44px;
    height: 44px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1040.1875px 1010.625px;
    background-size: 1040.1875px 1010.625px;
    background-position: -52.25px -908.875px;
    background-repeat: no-repeat;
  }
}

.key-visual.is-dark .btn-control.is-pause {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1394px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .key-visual.is-dark .btn-control.is-pause {
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -1161.66667px -1161.66667px;
    background-repeat: no-repeat;
  }
}

.key-visual .swiper {
  height: 100%;
}

.key-visual .swiper-slide-active .sub-title, .key-visual .swiper-slide-active .text, .key-visual .swiper-slide-active .key-visual-link {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.key-visual .group-btn {
  display: none;
  position: absolute;
  bottom: 80px;
  left: 160px;
  z-index: 3;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .key-visual .group-btn {
    bottom: 80px;
    bottom: 5.85652vw;
    left: 160px;
    left: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .group-btn {
    bottom: 60px;
    left: 24px;
  }
}

.key-visual .btn-key-visual {
  width: 64px;
  height: 64px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -955px;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media screen and (min-width: 1366px) {
  .key-visual .btn-key-visual:hover {
    width: 64px;
    height: 64px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1150.24px -1052px;
    background-repeat: no-repeat;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  .key-visual .btn-key-visual {
    width: 4.68521vw;
    height: 4.69vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -69.91vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .btn-key-visual {
    width: 44px;
    height: 44px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1040.1875px 1010.625px;
    background-size: 1040.1875px 1010.625px;
    background-position: -936.54px -656.5625px;
    background-repeat: no-repeat;
  }
}

.key-visual .btn-key-visual + .btn-key-visual {
  margin-left: -1px;
}

.key-visual .btn-key-visual-prev {
  -webkit-transform: rotateY(180deg) translateX(-100%);
  transform: rotateY(180deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.key-visual-function {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 80px;
  right: 158px;
  z-index: 2;
  color: var(--color, #fff);
}

@media (max-width: 1366px) {
  .key-visual-function {
    bottom: 80px;
    bottom: 5.85652vw;
    right: 158px;
    right: 11.56662vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-function {
    bottom: 72px;
    right: 24px;
  }
}

.key-visual-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: var(--color, #fff);
}

@media (max-width: 1366px) {
  .key-visual-progress {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-progress {
    font-size: 16px;
    line-height: 19px;
  }
}

.key-visual-progress .current {
  letter-spacing: -0.2px;
}

@media screen and (max-width: 768px) {
  .key-visual-progress .current {
    letter-spacing: -0.16px;
  }
}

.key-visual-progress .total {
  color: rgba(var(--color, #fff), 0.4);
  font-weight: 300;
}

.key-visual-progress .line-progress {
  position: relative;
  width: 256px;
  height: 2px;
  margin: 0 16px;
  background-color: rgba(var(--bg, 255, 255, 255), 0.3);
}

@media (max-width: 1366px) {
  .key-visual-progress .line-progress {
    width: 118px;
    width: 8.63836vw;
    height: 1px;
    margin: 0px 16px;
    margin: 0vw 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual-progress .line-progress {
    width: 120px;
    margin: 0 8px;
  }
}

.key-visual-progress .line-progress-current {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: width 5100ms cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition: width 5100ms cubic-bezier(0.1, 0.1, 0.1, 0.1);
  background: var(--color, #fff);
}

@media (max-width: 1366px) {
  .key-visual-progress .line-progress-current {
    height: 1px;
  }
}

.key-visual .btn-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 20px;
}

@media (max-width: 1366px) {
  .key-visual .btn-control {
    margin-left: 20px;
    margin-left: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .btn-control {
    margin-left: 8px;
  }
}

.key-visual .btn-control.is-pause {
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -743.5px -704px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .key-visual .btn-control.is-pause {
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -619.58333px -586.66667px;
    background-repeat: no-repeat;
  }
}

.key-visual .btn-control.is-play {
  width: 24px;
  height: 24px;
}

.key-visual .btn-control.is-play::before {
  display: block;
  border-top: 8px solid transparent;
  border-left: 12px solid var(--color, #fff);
  border-bottom: 8px solid transparent;
  content: '';
}

@media screen and (max-width: 768px) {
  .key-visual .btn-control.is-play {
    width: 20px;
    height: 20px;
  }
  .key-visual .btn-control.is-play:before {
    border-top-width: 6px;
    border-left-width: 10px;
    border-bottom-width: 6px;
  }
}

.key-visual .swiper-slide.is-content-right .key-visual-content {
  right: 160px;
  text-align: right;
}

@media (max-width: 1600px) {
  .key-visual .swiper-slide.is-content-right .key-visual-content {
    right: 160px;
    right: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-content-right .key-visual-content {
    top: 150px;
    right: 24px;
  }
}

.key-visual .swiper-slide.is-content-right .key-visual-box-link {
  right: 160px;
  left: auto;
}

@media screen and (max-width: 1365px) {
  .key-visual .swiper-slide.is-content-right .key-visual-box-link {
    right: 160px;
    right: 11.71303vw;
  }
}

@media screen and (max-height: 980px) {
  .key-visual .swiper-slide.is-content-right .key-visual-box-link {
    bottom: 120px;
    bottom: 8.78477vw;
  }
}

@media screen and (max-height: 980px) and (max-width: 1365px) {
  .key-visual .swiper-slide.is-content-right .key-visual-box-link {
    bottom: 180px;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-content-right .key-visual-box-link {
    bottom: 164px;
    left: 50%;
    right: auto;
  }
}

.key-visual .swiper-slide.is-content-center .key-visual-content {
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-content-center .key-visual-content {
    top: 150px;
  }
}

.key-visual .swiper-slide.is-content-center .key-visual-box-link {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-height: 980px) and (max-width: 1365px) {
  .key-visual .swiper-slide.is-content-center .key-visual-box-link {
    right: auto;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-content-center .key-visual-box-link {
    right: auto;
  }
}

.key-visual .swiper-slide.is-content-top .key-visual-content {
  top: 182px;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 1365px) {
  .key-visual .swiper-slide.is-content-top .key-visual-content {
    top: 182px;
    top: 13.32357vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-content-top .key-visual-content {
    top: 150px;
  }
}

.key-visual .swiper-slide.is-content-top .key-visual-box-link {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.key-visual .swiper-slide.is-black .key-visual-content {
  color: #212121;
}

.key-visual .swiper-slide.is-black .key-visual-link {
  background: rgba(25, 25, 25, 0.1);
  border-color: #212121;
  color: #212121;
}

.key-visual .swiper-slide.is-black .key-visual-box-link {
  border-color: #212121;
  color: #212121;
}

.key-visual .swiper-slide.is-center .key-visual-content {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.key-visual .swiper-slide.is-top .key-visual-content {
  top: 182px;
}

@media (max-width: 1600px) {
  .key-visual .swiper-slide.is-top .key-visual-content {
    top: 182px;
    top: 13.32357vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-top .key-visual-content {
    top: 145px;
  }
}

.key-visual .swiper-slide.is-middle .key-visual-content {
  top: 270px;
}

@media (max-width: 1600px) {
  .key-visual .swiper-slide.is-middle .key-visual-content {
    top: 270px;
    top: 19.76574vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-middle .key-visual-content {
    top: 228px;
  }
}

.key-visual .swiper-slide.is-right .key-visual-content {
  left: auto;
  right: 160px;
}

@media (max-width: 1600px) {
  .key-visual .swiper-slide.is-right .key-visual-content {
    right: 160px;
    right: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-right .key-visual-content {
    right: 24px;
  }
}

.key-visual .swiper-slide.is-bottom .key-visual-content {
  top: auto;
  bottom: 192px;
}

@media (max-width: 1600px) {
  .key-visual .swiper-slide.is-bottom .key-visual-content {
    bottom: 192px;
    bottom: 14.05564vw;
  }
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide.is-bottom .key-visual-content {
    bottom: 148px;
  }
}

.key-visual .swiper-slide.is-text-center {
  text-align: center;
}

.key-visual .swiper-slide.is-text-right {
  text-align: right;
}

.key-visual .swiper-slide .key-visual-content {
  max-width: calc(100% - 320px);
}

@media screen and (max-width: 768px) {
  .key-visual .swiper-slide .key-visual-content {
    max-width: calc(100% - 48px);
  }
}

.key-visual .animation-line-scroll {
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 40px;
  z-index: 3;
  width: 1px;
  height: 80px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .key-visual .animation-line-scroll {
    right: 24px;
    height: 50px;
  }
}

.key-visual .animation-line-scroll::before {
  position: absolute;
  width: 1px;
  height: 40px;
  background: #0079fa;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-animation: animation-line-scroll .8s .7s infinite;
  animation: animation-line-scroll .8s .7s infinite;
  content: '';
}

@media screen and (max-width: 768px) {
  .key-visual .animation-line-scroll::before {
    height: 25px;
  }
}

.main-title-area {
  position: relative;
  z-index: 2;
  padding-right: 60px;
}

@media screen and (max-width: 1365px) {
  .main-title-area {
    padding-right: 60px;
    padding-right: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .main-title-area {
    padding-right: 0;
  }
}

.main-title-area .sub-title {
  display: block;
  overflow: hidden;
  color: #0079fa;
  letter-spacing: 8px;
}

.main-title-area .sub-title .text {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  content: attr(data-text);
}

@media screen and (max-width: 1365px) {
  .main-title-area .sub-title .text {
    letter-spacing: 8px;
    letter-spacing: 0.58565vw;
    font-size: 13px;
    font-size: 0.95168vw;
    line-height: 1.15;
  }
}

@media screen and (max-width: 768px) {
  .main-title-area .sub-title .text {
    letter-spacing: 5px;
    font-size: 13px;
    line-height: 1.15;
  }
}

.main-title-area .title {
  display: block;
  margin-top: 20px;
  font-size: 0;
  color: #212121;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .main-title-area .title {
    margin-top: 20px;
    margin-top: 1.46413vw;
  }
}

.main-title-area .text {
  display: block;
  overflow: hidden;
  font-size: 56px;
  font-weight: 700;
  line-height: 73px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .main-title-area .text {
    font-size: 56px;
    font-size: 4.09956vw;
    line-height: 73px;
    line-height: 5.34407vw;
  }
}

@media screen and (max-width: 768px) {
  .main-title-area .text {
    font-size: 32px;
    line-height: 1.38;
  }
}

.main-title-area .desc {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .main-title-area .desc {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .main-title-area .desc {
    margin-top: 13px;
    font-size: 16px;
    line-height: 26px;
  }
}

.main-title-area .btn-view {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  color: #212121;
}

@media screen and (max-width: 768px) {
  .main-title-area .btn-view {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.08;
  }
}

.main-title-area .btn-view::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -670px -1442px;
  background-repeat: no-repeat;
  content: '';
}

.section-key-info {
  position: relative;
  z-index: 3;
  padding-top: 160px;
  background: #fff;
}

@media screen and (max-width: 1365px) {
  .section-key-info {
    padding-top: 160px;
    padding-top: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .section-key-info {
    min-height: unset;
    padding: 80px 0;
  }
}

.section-key-info .main-title-area {
  margin-right: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-key-info .main-title-area {
    margin-right: 80px;
    margin-right: 5.85652vw;
  }
}

@media screen and (max-width: 1365px) {
  .section-key-info .main-title-area {
    margin-right: 0;
  }
}

.section-key-info .key-info-desc {
  margin-top: 50px;
  font-size: 20px;
  line-height: 32px;
  color: #757575;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .section-key-info .key-info-desc {
    margin-top: 53px;
    margin-top: 3.87994vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .section-key-info .key-info-desc {
    margin-top: 53px;
    padding-left: 108px;
    font-size: 15px;
    line-height: 24px;
  }
}

.section-key-info .statistic-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .section-key-info .statistic-list {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-key-info .statistic-list {
    margin-top: 20px;
  }
}

.section-key-info .statistic-item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-key-info .statistic-item:nth-child(2n + 2) {
  padding-left: 25px;
}

@media screen and (max-width: 1365px) {
  .section-key-info .statistic-item {
    margin-top: 80px;
    margin-top: 5.85652vw;
    -webkit-transform: auto;
    transform: auto;
  }
  .section-key-info .statistic-item:nth-child(2n + 2) {
    padding-left: 25px;
    padding-left: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .section-key-info .statistic-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 38px;
  }
  .section-key-info .statistic-item:nth-child(2n + 2) {
    padding-left: 0;
  }
}

.section-key-info .statistic-title {
  font-size: 18px;
  line-height: 19px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .section-key-info .statistic-title {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .section-key-info .statistic-title {
    font-size: 14px;
    line-height: 17px;
    word-break: keep-all;
  }
}

.section-key-info .statistic-detail {
  margin-top: 12px;
  font-size: 80px;
  font-weight: 800;
  line-height: 84px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .section-key-info .statistic-detail {
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 80px;
    font-size: 5.85652vw;
    line-height: 84px;
    line-height: 6.14934vw;
  }
}

@media screen and (max-width: 768px) {
  .section-key-info .statistic-detail {
    margin-top: 5px;
    font-size: 40px;
    line-height: 42px;
  }
}

.section-key-info .statistic-detail .unit {
  font-size: 48px;
}

@media screen and (max-width: 1365px) {
  .section-key-info .statistic-detail .unit {
    font-size: 48px;
    font-size: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-key-info .statistic-detail .unit {
    font-size: 24px;
  }
}

.section-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
}

.section-lab {
  position: relative;
  z-index: 3;
  padding: 156px 0 160px;
  background: #fff;
}

@media screen and (max-width: 1365px) {
  .section-lab {
    padding: 156px 0px 160px;
    padding: 11.4202vw 0vw 11.71303vw;
  }
}

@media screen and (max-width: 1365px) {
  .section-lab {
    padding: 80px 0;
  }
}

.section-lab .section-col-left {
  margin-top: 160px;
}

@media screen and (max-width: 1365px) {
  .section-lab .section-col-left {
    margin-top: 160px;
    margin-top: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .section-col-left {
    margin-top: 0;
  }
}

.section-lab .section-col-right {
  margin-left: -55px;
}

@media screen and (max-width: 1365px) {
  .section-lab .section-col-right {
    margin-left: -55px;
    margin-left: -4.02635vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .section-col-right {
    margin-left: 0;
  }
}

.section-lab .section-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.section-lab .main-title-area {
  position: -webkit-sticky;
  position: sticky;
  top: 272px;
  left: 0;
  top: calc(var(--top) * 1px);
  bottom: calc(var(--bottom) * 1px);
  z-index: 2;
  padding-right: 0;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .section-lab .main-title-area {
    bottom: calc(var(--bottom) * 1vw);
  }
}

.section-lab .lab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .section-lab .lab-list {
    display: block;
    margin-top: 78px;
  }
}

.section-lab .lab-item {
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition: 1.4s all;
  transition: 1.4s all;
}

@media screen and (max-width: 768px) {
  .section-lab .lab-item {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
}

.section-lab .lab-item.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media (min-width: 768px) and (max-width: 1366px) {
  .section-lab .lab-item:first-child img {
    width: 360px;
    width: 26.35432vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .lab-item:first-child img {
    width: 204px;
  }
}

.section-lab .lab-item:nth-child(2) {
  margin-top: 280px;
}

@media screen and (max-width: 1365px) {
  .section-lab .lab-item:nth-child(2) {
    margin-top: 280px;
    margin-top: 20.4978vw;
  }
  .section-lab .lab-item:nth-child(2) img {
    width: 320px;
    width: 23.42606vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .lab-item:nth-child(2) {
    margin-top: 60px;
  }
  .section-lab .lab-item:nth-child(2) img {
    width: 170px;
  }
}

.section-lab .lab-item:nth-child(3) {
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .section-lab .lab-item:nth-child(3) {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
  .section-lab .lab-item:nth-child(3) img {
    width: 720px;
    width: 52.70864vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .lab-item:nth-child(3) {
    margin-top: 60px;
  }
  .section-lab .lab-item:nth-child(3) img {
    width: 312px;
  }
}

.section-lab .lab-item:nth-child(4) {
  margin-top: 120px;
}

.section-lab .lab-item:nth-child(4) .lab-info-hover .info {
  padding: 0 40px 95px 22px;
}

@media screen and (max-width: 1365px) {
  .section-lab .lab-item:nth-child(4) {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
  .section-lab .lab-item:nth-child(4) img {
    width: 360px;
    width: 26.35432vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .lab-item:nth-child(4) {
    margin-top: 60px;
  }
  .section-lab .lab-item:nth-child(4) img {
    width: 204px;
  }
}

.section-lab .lab-item:nth-child(5) {
  margin-top: 382px;
}

@media screen and (max-width: 1365px) {
  .section-lab .lab-item:nth-child(5) {
    margin-top: 382px;
    margin-top: 27.96486vw;
  }
  .section-lab .lab-item:nth-child(5) img {
    width: 320px;
    width: 23.42606vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .lab-item:nth-child(5) {
    margin-top: 60px;
  }
  .section-lab .lab-item:nth-child(5) img {
    width: 170px;
  }
}

.section-lab .lab-item:nth-child(6) {
  margin-top: -230px;
}

@media screen and (max-width: 1365px) {
  .section-lab .lab-item:nth-child(6) {
    margin-top: -230px;
    margin-top: -16.83748vw;
  }
  .section-lab .lab-item:nth-child(6) img {
    width: 320px;
    width: 23.42606vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .lab-item:nth-child(6) {
    margin-top: 60px;
  }
  .section-lab .lab-item:nth-child(6) img {
    width: 204px;
  }
}

.section-lab .lab-item img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-lab .lab-link {
  display: block;
  position: relative;
  color: #fff;
}

@media screen and (min-width: 1366px) {
  .section-lab .lab-link:hover .lab-info-hover {
    opacity: 1;
  }
  .section-lab .lab-link:hover .lab-info-hover::after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .section-lab .lab-link:hover .info-title, .section-lab .lab-link:hover .info-desc, .section-lab .lab-link:hover .info .icon {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (max-width: 768px) {
  .section-lab .lab-link {
    display: inline-block;
  }
}

.section-lab .lab-info {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

@media screen and (max-width: 1365px) {
  .section-lab .lab-info {
    left: 40px;
    left: 2.92826vw;
    bottom: 40px;
    bottom: 2.92826vw;
  }
}

@media screen and (max-width: 1365px) {
  .section-lab .lab-info {
    left: 20px;
    right: 20px;
    bottom: 20px;
    text-align: left;
  }
}

.section-lab .info-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-lab .info-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .info-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.section-lab .info-desc {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .section-lab .info-desc {
    margin-top: 6px;
    margin-top: 0.43924vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab .info-desc {
    margin-top: 4px;
    font-size: 14px;
    line-height: 17px;
  }
}

.section-lab .lab-info-hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background: rgba(0, 121, 250, 0.8);
  opacity: 0;
  -webkit-transition: opacity .85s;
  transition: opacity .85s;
}

.section-lab .lab-info-hover::after {
  content: '';
  position: absolute;
  bottom: 40px;
  right: 28px;
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -164px -1442px;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
  -webkit-transition: all .4s;
  transition: all .4s;
}

@media screen and (max-width: 1365px) {
  .section-lab .lab-info-hover::after {
    bottom: 40px;
    bottom: 2.92826vw;
    right: 28px;
    right: 2.04978vw;
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -12.01vw -105.56vw;
    background-repeat: no-repeat;
  }
}

.section-lab .lab-info-hover .info {
  margin-top: auto;
  padding: 0 40px 147px 22px;
}

.section-lab .lab-info-hover .info .icon {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all .35s;
  transition: all .35s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.section-lab .lab-info-hover .info-title {
  padding-left: 20px;
  margin-top: 20px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all .35s;
  transition: all .35s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.section-lab .lab-info-hover .info-desc {
  margin-top: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 28px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all .35s;
  transition: all .35s;
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
}

.section-message {
  padding: 152px 0;
  background: #212121;
}

@media screen and (max-width: 1365px) {
  .section-message {
    padding: 152px 0px;
    padding: 11.12738vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .section-message {
    padding: 40px 0;
  }
}

.section-message .message-main {
  position: relative;
  font-size: 36px;
  line-height: 52px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .section-message .message-main {
    font-size: 36px;
    font-size: 2.63543vw;
    line-height: 52px;
    line-height: 3.80673vw;
  }
}

@media screen and (max-width: 768px) {
  .section-message .message-main {
    font-size: 23px;
    font-weight: 300;
    line-height: 30px;
  }
}

.section-message .message-main:after {
  position: absolute;
  top: -35px;
  right: 53px;
  width: 71px;
  height: 56px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -593px;
  background-repeat: no-repeat;
  content: '';
}

@media screen and (max-width: 1365px) {
  .section-message .message-main:after {
    top: 0px;
    top: 0vw;
    right: 53px;
    right: 3.87994vw;
    width: 2.63543vw;
    height: 2.08vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 56.16vw 54.56vw;
    background-size: 56.16vw 54.56vw;
    background-position: -50.56vw -22.01vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-message .message-main:after {
    width: 36px;
    height: 28.39437px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 767.15493px 745.35211px;
    background-size: 767.15493px 745.35211px;
    background-position: -690.71324px -300.67606px;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }
}

.section-message .strategy {
  margin: 12px 0 0 280px;
  font-size: 18px;
  line-height: 34px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .section-message .strategy {
    margin: 12px 0px 0px 280px;
    margin: 0.87848vw 0vw 0vw 20.4978vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 34px;
    line-height: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .section-message .strategy {
    margin: 30px 0 0;
    font-size: 13px;
    line-height: 18px;
  }
}

.section-main-notify {
  padding: 80px 0;
  background: #f8fbff;
}

@media screen and (max-width: 1365px) {
  .section-main-notify {
    padding: 80px 0px;
    padding: 5.85652vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-notify {
    padding: 80px 0 75px;
  }
}

.section-main-notify .main-title-area {
  padding-right: 14px;
}

@media screen and (min-width: 1366px) {
  .section-main-notify .main-title-area {
    min-width: 394px;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  .section-main-notify .main-title-area {
    min-width: 394px;
    min-width: 28.84334vw;
    padding-right: 14px;
    padding-right: 1.02489vw;
  }
}

.section-main-notify .main-notify-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section-main-notify .main-notify-item {
  width: 384px;
  background: #fff;
}

.section-main-notify .main-notify-item:nth-child(even) {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .section-main-notify .main-notify-item {
    width: 384px;
    width: 28.11127vw;
  }
  .section-main-notify .main-notify-item:nth-child(even) {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-notify .main-notify-item {
    width: calc(50% - 6px);
    margin-top: 34px;
  }
  .section-main-notify .main-notify-item:nth-child(even) {
    margin-left: 12px;
  }
}

.section-main-notify .main-notify-item.is-highlight {
  background: #0079fa;
}

.section-main-notify .main-notify-item.is-highlight .main-notify-title, .section-main-notify .main-notify-item.is-highlight .main-notify-desc, .section-main-notify .main-notify-item.is-highlight .main-notify-time {
  color: #fff;
}

.section-main-notify .main-notify-link {
  display: block;
  height: 100%;
  padding: 38px 32px 32px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-main-notify .main-notify-link {
    padding: 38px 32px 32px 40px;
    padding: 2.78184vw 2.34261vw 2.34261vw 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-notify .main-notify-link {
    padding: 20px 25px 20px 20px;
  }
}

@media (min-width: 769px) {
  .section-main-notify .main-notify-link .icon {
    position: absolute;
    bottom: 32px;
    right: 32px;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  .section-main-notify .main-notify-link .icon {
    bottom: 32px;
    bottom: 2.34261vw;
    right: 32px;
    right: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-notify .main-notify-link .icon {
    display: block;
    margin-bottom: 12px;
  }
}

.section-main-notify .main-notify-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #212121;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-main-notify .main-notify-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-notify .main-notify-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
  }
}

.section-main-notify .main-notify-desc {
  display: block;
  margin-top: 18px;
  font-size: 18px;
  line-height: 27px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-main-notify .main-notify-desc {
    margin-top: 18px;
    margin-top: 1.31772vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 27px;
    line-height: 1.97657vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-notify .main-notify-desc {
    margin-top: 12px;
    font-size: 13px;
    line-height: 18px;
  }
}

.section-main-notify .main-notify-time {
  display: block;
  margin-top: 51px;
  font-size: 16px;
  line-height: 19px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .section-main-notify .main-notify-time {
    margin-top: 51px;
    margin-top: 3.73353vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-notify .main-notify-time {
    margin-top: 16px;
    font-size: 8px;
    line-height: 10px;
  }
}

.section-business-philosophy {
  padding: 200px 0 120px;
}

@media screen and (max-width: 1365px) {
  .section-business-philosophy {
    padding: 200px 0px 120px;
    padding: 14.64129vw 0vw 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .section-business-philosophy {
    padding: 80px 0;
  }
}

.section-business-philosophy .main-title-area {
  margin-right: -320px;
  padding-top: 100px;
}

@media screen and (max-width: 1365px) {
  .section-business-philosophy .main-title-area {
    margin-right: -320px;
    margin-right: -23.42606vw;
    padding-top: 100px;
    padding-top: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .section-business-philosophy .main-title-area {
    position: absolute;
    top: 35px;
    left: 0;
    padding: 0;
  }
}

.section-business-philosophy .business-philosophy-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-business-philosophy .business-philosophy-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 108px;
  }
}

.section-business-philosophy .txt-box {
  padding: 144px 0 0 120px;
}

@media screen and (max-width: 1365px) {
  .section-business-philosophy .txt-box {
    padding: 144px 0px 0px 126px;
    padding: 10.54173vw 0vw 0vw 9.22401vw;
  }
}

@media screen and (max-width: 768px) {
  .section-business-philosophy .txt-box {
    padding: 40px 0 0;
  }
}

.section-business-philosophy .txt-mission {
  margin-bottom: 24px;
  font-size: 26px;
  line-height: 35px;
  color: #212121;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .section-business-philosophy .txt-mission {
    margin-bottom: 24px;
    margin-bottom: 1.75695vw;
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 35px;
    line-height: 2.56223vw;
  }
}

@media screen and (max-width: 768px) {
  .section-business-philosophy .txt-mission {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 24px;
  }
}

.section-business-philosophy .txt-other-info {
  font-size: 18px;
  line-height: 28px;
  color: #757575;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .section-business-philosophy .txt-other-info {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-business-philosophy .txt-other-info {
    font-size: 15px;
    line-height: 22px;
  }
}

.section-business-philosophy .txt-other-info:not(:last-child) {
  margin-bottom: 24px;
}

@media screen and (max-width: 1365px) {
  .section-business-philosophy .txt-other-info:not(:last-child) {
    margin-bottom: 24px;
    margin-bottom: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-business-philosophy .txt-other-info:not(:last-child) {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 1365px) {
  .section-business-philosophy img {
    width: 486px;
    width: 35.57833vw;
    height: 840px;
    height: 61.49341vw;
  }
}

@media screen and (max-width: 768px) {
  .section-business-philosophy img {
    width: 205px;
    height: 360px;
  }
}

.section-intro-lab {
  padding: 200px 0;
}

@media screen and (max-width: 1365px) {
  .section-intro-lab {
    padding: 200px 0px;
    padding: 14.64129vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab {
    padding: 80px 0;
  }
}

.section-intro-lab .main-title-area {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .section-intro-lab .main-title-area {
    position: relative;
  }
}

.section-intro-lab .swiper-slide-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .section-intro-lab .swiper-slide-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.section-intro-lab .swiper-slide {
  height: auto;
  background: #fff;
}

.section-intro-lab .swiper-intro-lab {
  width: 792px;
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .swiper-intro-lab {
    width: 792px;
    width: 57.9795vw;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .swiper-intro-lab {
    width: 100%;
  }
}

.section-intro-lab .swiper-intro-lab-box {
  position: relative;
  margin-left: auto;
  padding-left: 28px;
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .swiper-intro-lab-box {
    padding-left: 28px;
    padding-left: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .swiper-intro-lab-box {
    margin-left: 0;
    padding-left: 0;
  }
}

.section-intro-lab .swiper-intro-lab-text {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 291px;
  margin: 0 0 47px;
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .swiper-intro-lab-text {
    margin: 0px 0px 47px;
    margin: 0vw 0vw 3.4407vw;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .swiper-intro-lab-text {
    width: 100%;
    margin: 0 0 0 auto;
  }
}

.section-intro-lab .intro-lab-box-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-intro-lab .intro-lab-box-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 48px;
  }
}

.section-intro-lab .intro-lab-image {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  max-width: 792px;
  padding-top: 70.076%;
}

.section-intro-lab .intro-lab-image::after {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 180px;
  height: 91px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -56px -147px;
  background-repeat: no-repeat;
  content: '';
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .intro-lab-image::after {
    top: 20px;
    top: 1.46413vw;
    right: 20px;
    right: 1.46413vw;
    width: 13.17716vw;
    height: 6.66vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -4.1vw -10.76vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .intro-lab-image::after {
    top: 10px;
    right: 10px;
    width: 74px;
    height: 37.41111px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 622.01111px 604.33333px;
    background-size: 622.01111px 604.33333px;
    background-position: -23.02222px -60.43333px;
    background-repeat: no-repeat;
  }
}

.section-intro-lab .intro-lab-image-derma::after {
  width: 180px;
  height: 87px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -56px -52px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .intro-lab-image-derma::after {
    width: 13.17716vw;
    height: 6.37vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -4.1vw -3.81vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .intro-lab-image-derma::after {
    width: 74px;
    height: 35.76667px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 622.01111px 604.33333px;
    background-size: 622.01111px 604.33333px;
    background-position: -23.02222px -21.37778px;
    background-repeat: no-repeat;
  }
}

.section-intro-lab .intro-lab-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .section-intro-lab .intro-lab-content {
    margin-top: 44px;
    padding: 0 8px 0 108px;
  }
}

.section-intro-lab .intro-lab-content .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .intro-lab-content .title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .intro-lab-content .title {
    font-size: 20px;
    line-height: 24px;
  }
}

.section-intro-lab .intro-lab-content .desc {
  margin-top: 18px;
  font-size: 18px;
  line-height: 28px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .intro-lab-content .desc {
    margin-top: 18px;
    margin-top: 1.31772vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .intro-lab-content .desc {
    margin-top: 16px;
    font-size: 15px;
    line-height: 21px;
  }
}

.section-intro-lab .container {
  position: relative;
}

.section-intro-lab .group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 0;
  bottom: 40px;
  z-index: 2;
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .group-btn {
    bottom: 40px;
    bottom: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .group-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 0;
    bottom: -24px;
  }
}

.section-intro-lab .btn-intro-lab {
  width: 56px;
  height: 56px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -136px;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1366px) {
  .section-intro-lab .btn-intro-lab:hover {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1448.24px -584px;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1365px) {
  .section-intro-lab .btn-intro-lab {
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -9.96vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .btn-intro-lab {
    width: 48px;
    height: 48px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1296.85714px 1260px;
    background-size: 1296.85714px 1260px;
    background-position: -1241.34857px -116.57143px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .section-intro-lab .btn-intro-lab-next:hover {
    -webkit-transform: rotateY(180deg) translateX(-100%);
    transform: rotateY(180deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

.section-intro-lab .btn-intro-lab-prev {
  margin-top: -1px;
  -webkit-transform: rotateY(180deg) translateX(-100%);
  transform: rotateY(180deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

@media screen and (min-width: 1366px) {
  .section-intro-lab .btn-intro-lab-prev:hover {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@media screen and (max-width: 768px) {
  .section-intro-lab .btn-intro-lab-prev {
    margin: 0 0 0 -1px;
  }
}

.section-news {
  overflow: hidden;
  padding: 160px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-news {
    padding: 160px 0px 200px;
    padding: 11.71303vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-news {
    padding: 80px 0 120px;
  }
}

.section-news .news-area {
  margin-top: 56px;
}

@media screen and (max-width: 1365px) {
  .section-news .news-area {
    margin-top: 56px;
    margin-top: 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .section-news .news-area {
    margin-top: 27px;
  }
}

.section-news .news-swiper {
  overflow: visible;
}

.section-news .news-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 250px;
  height: auto;
}

.section-news .news-swiper .swiper-slide.is-hover .text {
  -webkit-background-size: 100% 2px;
  background-size: 100% 2px;
}

.section-news .news-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 32px;
  background-color: #f9fbff;
}

@media screen and (max-width: 1365px) {
  .section-news .news-content {
    padding: 32px;
    padding: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .section-news .news-content {
    padding: 20px;
  }
}

.section-news .news-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.section-news .news-thumb {
  position: relative;
  width: 100%;
  padding-bottom: 58.333%;
}

.section-news .news-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-news .news-title {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  color: #212121;
  word-break: keep-all;
  word-wrap: break-word;
}

.section-news .news-title .text {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#121212));
  background-image: linear-gradient(#121212, #121212);
  background-repeat: no-repeat;
  background-position: left 0 bottom -1px;
  -webkit-background-size: 0 2px;
  background-size: 0 2px;
  -webkit-transition: -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
}

@media screen and (max-width: 1365px) {
  .section-news .news-title {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .section-news .news-title {
    font-size: 14px;
    line-height: 20px;
  }
}

.section-news .news-desc {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 16px 0 auto;
  font-size: 16px;
  line-height: 22px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-news .news-desc {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .section-news .news-desc {
    margin-top: 12px;
    font-size: 13px;
    line-height: 17px;
  }
}

.section-news .news-date {
  display: block;
  margin-top: 24px;
  font-size: 16px;
  line-height: 20px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .section-news .news-date {
    margin-top: 24px;
    margin-top: 1.75695vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .section-news .news-date {
    margin-top: 20px;
    font-size: 11px;
    line-height: 1.18;
  }
}

.section-main-brand {
  position: relative;
  overflow: hidden;
  padding: 180px 0 260px;
  background: #fff;
  -webkit-transition: background 1.2s ease-in;
  transition: background 1.2s ease-in;
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
  color: #fff;
  text-align: center;
}

.section-main-brand::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/img/bg-brand-wing-c90b93137c76ffa8b716c9a08ec53ada.svg) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 1.2s ease-in;
  transition: opacity 1.2s ease-in;
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
  content: '';
}

@media screen and (max-width: 768px) {
  .section-main-brand::after {
    background-image: url(/img/bg-brand-wing-mo-7ed354ed98170ddfc7bb8f5867d9d2d5.svg);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-position: center bottom;
  }
}

.section-main-brand.is-change-bg {
  background: #4AA2FF;
}

.section-main-brand.is-change-bg::after {
  opacity: 1;
}

.section-main-brand.is-change-bg .brand-img-logo {
  opacity: 0.5;
}

@media screen and (max-width: 1365px) {
  .section-main-brand {
    padding: 180px 0px 260px;
    padding: 13.17716vw 0vw 19.03367vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand {
    padding: 80px 0 172px;
  }
}

.section-main-brand .main-title-area {
  padding-right: 0;
}

@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 768px) {
    .section-main-brand .swiper-wrapper {
      -webkit-transition-duration: 900ms !important;
      transition-duration: 900ms !important;
    }
  }
}

.section-main-brand .is-show .swiper-slide.is-active .img {
  width: 320px;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  opacity: 1;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .is-show .swiper-slide.is-active .img {
    width: 320px;
    width: 23.42606vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .is-show .swiper-slide.is-active .img {
    width: 250px;
  }
}

.section-main-brand .is-show .swiper-slide.changed {
  -webkit-transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -ms-transition: transform 0.7s;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: translateX(-32px);
  -moz-transform: translateX(-32px);
  -ms-transform: translateX(-32px);
  transform: translateX(-32px);
}

@media screen and (max-width: 1365px) {
  .section-main-brand .is-show .swiper-slide.changed {
    -webkit-transform: translateX(-32px);
    -moz-transform: translateX(-32px);
    -ms-transform: translateX(-32px);
    transform: translateX(-32px);
    -webkit-transform: translateX(-2.34261vw);
    -moz-transform: translateX(-2.34261vw);
    -ms-transform: translateX(-2.34261vw);
    transform: translateX(-2.34261vw);
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .is-show .swiper-slide.changed {
    -webkit-transform: translateX(-38px);
    -moz-transform: translateX(-38px);
    -ms-transform: translateX(-38px);
    transform: translateX(-38px);
  }
}

.section-main-brand .is-show .swiper-slide.swiper-slide-active.changed {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.section-main-brand .is-show .swiper-slide.swiper-slide-active ~ .changed {
  -webkit-transform: translateX(32px);
  -moz-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px);
}

@media screen and (max-width: 1365px) {
  .section-main-brand .is-show .swiper-slide.swiper-slide-active ~ .changed {
    -webkit-transform: translateX(32px);
    -moz-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
    -webkit-transform: translateX(2.34261vw);
    -moz-transform: translateX(2.34261vw);
    -ms-transform: translateX(2.34261vw);
    transform: translateX(2.34261vw);
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .is-show .swiper-slide.swiper-slide-active ~ .changed {
    -webkit-transform: translateX(38px);
    -moz-transform: translateX(38px);
    -ms-transform: translateX(38px);
    transform: translateX(38px);
  }
}

.section-main-brand .swiper {
  overflow: visible;
}

@media screen and (max-width: 768px) {
  .section-main-brand .main-title-area {
    padding: 0 24px;
    text-align: left;
  }
}

.section-main-brand .main-title-area .sub-title {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color, #0079fa);
  -webkit-transition: color .45s;
  transition: color .45s;
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .main-title-area .sub-title {
    letter-spacing: 8px;
    letter-spacing: 0.58565vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 1.2;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .main-title-area .sub-title {
    font-size: 13px;
    line-height: 1.15;
    letter-spacing: 5px;
  }
}

.section-main-brand .main-title-area .title {
  display: block;
  margin-top: 20px;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.32;
  color: var(--color, #212121);
}

@media screen and (max-width: 1365px) {
  .section-main-brand .main-title-area .title {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 56px;
    font-size: 4.09956vw;
    font-weight: 700;
    line-height: 1.32;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .main-title-area .title {
    margin-top: 20px;
    font-size: 32px;
    line-height: 1.38;
  }
}

.section-main-brand .main-title-area .link-animate-text {
  color: var(--color, #212121);
}

.section-main-brand .main-title-area .link-animate-text:after {
  background: var(--color, #212121);
}

.section-main-brand .main-title-area .link-animate-text:hover {
  color: #212121;
}

.section-main-brand .main-title-area .link-animate-text:hover:after {
  background: #212121;
}

@media screen and (max-width: 768px) {
  .section-main-brand .main-title-area .btn-read {
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 6px;
    border-bottom: 2px solid #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.08;
    color: #fff;
  }
}

.section-main-brand .brand-area {
  margin-top: 76px;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .brand-area {
    margin-top: 76px;
    margin-top: 5.56369vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .brand-area {
    margin-top: 60px;
  }
}

.section-main-brand .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 232px;
  -webkit-transition: transform 0.7s 0.2s;
  -moz-transition: transform 0.7s 0.2s;
  -ms-transition: transform 0.7s 0.2s;
  -webkit-transition: -webkit-transform 0.7s 0.2s;
  transition: -webkit-transform 0.7s 0.2s;
  transition: transform 0.7s 0.2s;
  transition: transform 0.7s 0.2s, -webkit-transform 0.7s 0.2s;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .swiper-slide {
    width: 232px;
    width: 16.98389vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .swiper-slide {
    width: 176px;
  }
}

.section-main-brand .swiper-slide .slide-content {
  position: relative;
  width: 100%;
  height: 320px;
  margin: 0 12px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .swiper-slide .slide-content {
    height: 320px;
    height: 23.42606vw;
    margin: 0px 12px;
    margin: 0vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .swiper-slide .slide-content {
    height: 250px;
    margin: 0;
  }
}

.section-main-brand .swiper-slide .brand-img-product {
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  transition: 0.7s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.section-main-brand .swiper-slide .brand-img-product img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-main-brand .swiper-slide .brand-img-logo {
  right: 0;
  left: 0;
  width: 208px;
  height: 104px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  transition: 0.7s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .section-main-brand .swiper-slide .brand-img-logo {
    width: 208px;
    width: 15.22694vw;
    height: 104px;
    height: 7.61347vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .swiper-slide .brand-img-logo {
    width: 176px;
    height: 88px;
  }
}

.section-main-brand .swiper-slide .brand-img-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: brightness(0) saturate(100%) invert(84%) sepia(1%) saturate(0%) hue-rotate(264deg) brightness(145%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(84%) sepia(1%) saturate(0%) hue-rotate(264deg) brightness(145%) contrast(100%);
}

.section-main-brand .swiper-slide.is-active .brand-img-product {
  width: 320px;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  opacity: 1;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .swiper-slide.is-active .brand-img-product {
    width: 320px;
    width: 23.42606vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .swiper-slide.is-active .brand-img-product {
    width: 250px;
  }
}

.section-main-brand .swiper-slide.is-active .brand-img-logo {
  top: 100%;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.section-main-brand .btn-control {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 2;
  font-size: 0;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .btn-control {
    bottom: 40px;
    bottom: 2.92826vw;
    left: 40px;
    left: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .btn-control {
    bottom: 25px;
    left: 24px;
  }
}

@media screen and (max-width: 1365px) {
  .section-main-brand .btn-control .icon {
    width: 48px;
    width: 3.51391vw;
    height: 48px;
    height: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .btn-control .icon {
    width: 36px;
    height: 36px;
  }
}

.section-main-brand .group-utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 110px;
  z-index: 2;
  width: 100%;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .group-utility {
    bottom: 110px;
    bottom: 8.05271vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .group-utility {
    bottom: 34px;
  }
}

.section-main-brand .group-utility .group-number {
  margin: 0 34px 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.16px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .group-utility .group-number {
    margin: 0px 34px 2px;
    margin: 0vw 2.48902vw 0.14641vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 18px;
    line-height: 1.31772vw;
    letter-spacing: -0.16px;
    letter-spacing: -0.01171vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .group-utility .group-number {
    margin: 0 20px 4px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.3px;
  }
}

.section-main-brand .group-utility .group-number .current {
  display: inline-block;
  min-width: 21px;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .group-utility .group-number .current {
    min-width: 21px;
    min-width: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .group-utility .group-number .current {
    min-width: 20px;
  }
}

.section-main-brand .group-utility .group-number .total {
  color: rgba(255, 255, 255, 0.4);
}

.section-main-brand .group-utility .group-number .total::before {
  display: inline-block;
  width: 2px;
  height: 12px;
  margin: 0 16px;
  background: #fff;
  content: '';
}

@media screen and (max-width: 1365px) {
  .section-main-brand .group-utility .group-number .total::before {
    width: 1px;
    height: 12px;
    height: 0.87848vw;
    margin: 0px 16px;
    margin: 0vw 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .group-utility .group-number .total::before {
    width: 2px;
    height: 11px;
    margin: 0 12px;
  }
}

.section-main-brand .group-utility .btn-ctrl {
  position: relative;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1365px) {
  .section-main-brand .group-utility .btn-ctrl {
    width: 30px;
    width: 2.19619vw;
    height: 30px;
    height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .group-utility .btn-ctrl {
    width: 30px;
    height: 30px;
  }
}

.section-main-brand .group-utility .btn-ctrl::before {
  display: inline-block;
  position: absolute;
  top: 8px;
  width: 10px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: '';
}

@media (min-width: 769px) and (max-width: 1366px) {
  .section-main-brand .group-utility .btn-ctrl::before {
    top: 8px;
    top: 0.58565vw;
    width: 10px;
    width: 0.73206vw;
    height: 10px;
    height: 0.73206vw;
    border-width: 0px 2px 2px 0px;
    border-width: 0vw 0.14641vw 0.14641vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .section-main-brand .group-utility .btn-ctrl::before {
    width: 8px;
    height: 8px;
    border-width: 0 2px 2px 0;
  }
}

.section-main-brand .group-utility .btn-prev::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  left: 11px;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .section-main-brand .group-utility .btn-prev::before {
    left: 11px;
    left: 0.80527vw;
  }
}

.section-main-brand .group-utility .btn-next::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 6px;
}

@media (min-width: 769px) and (max-width: 1366px) {
  .section-main-brand .group-utility .btn-next::before {
    left: 6px;
    left: 0.43924vw;
  }
}

.link-animate-box {
  display: inline-block;
  overflow: hidden;
  margin-top: 30px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

@media screen and (max-width: 1365px) {
  .link-animate-box {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .link-animate-box {
    margin-top: 12px;
  }
}

.link-animate-text {
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #212121;
  -webkit-transition: color .2s;
  transition: color .2s;
}

@media screen and (max-width: 1365px) {
  .link-animate-text {
    padding-bottom: 6px;
    padding-bottom: 0.43924vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .link-animate-text {
    padding-bottom: 3px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
  }
}

.link-animate-text:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #212121;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.3, 0, 0.3, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  content: "";
}

.link-animate-text:hover {
  color: #0079fa;
}

.link-animate-text:hover::after {
  background-color: #0079fa;
}

html:lang(en) .main-title-area {
  margin-right: 14px;
  padding-right: 0;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .main-title-area {
    margin-right: 14px;
    margin-right: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .main-title-area {
    margin-right: 0;
  }
}

html:lang(en) .main-title-area .sub-title .text {
  font-size: 20px;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .main-title-area .sub-title .text {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .main-title-area .sub-title .text {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 5.2px;
  }
}

html:lang(en) .main-title-area .title {
  margin-top: 12px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .main-title-area .title {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .main-title-area .title {
    margin-top: 16px;
  }
}

html:lang(en) .main-title-area .text {
  font-size: 48px;
  line-height: 68px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .main-title-area .text {
    font-size: 48px;
    font-size: 3.51391vw;
    line-height: 68px;
    line-height: 4.97804vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .main-title-area .text {
    font-size: 27px;
    line-height: 37px;
  }
}

html:lang(en) .main-title-area .link-animate-box {
  margin-top: 25px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .main-title-area .link-animate-box {
    margin-top: 25px;
    margin-top: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .main-title-area .link-animate-box {
    margin-top: 16px;
  }
}

html:lang(en) .main-title-area .desc {
  margin-top: 20px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .main-title-area .desc {
    margin-top: 20px;
    margin-top: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .main-title-area .desc {
    margin-top: 16px;
  }
}

html:lang(en) .section-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

html:lang(en) .section-box .section-col-right {
  width: 790px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-box .section-col-right {
    width: 790px;
    width: 57.83309vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-box .section-col-right {
    width: 100%;
  }
}

html:lang(en) .section-key-info .statistic-list {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-key-info .statistic-list {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-key-info .statistic-list {
    margin-top: 16px;
  }
}

html:lang(en) .section-key-info .statistic-item {
  margin-top: 86px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-key-info .statistic-item {
    margin-top: 86px;
    margin-top: 6.29575vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-key-info .statistic-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 42px;
  }
}

html:lang(en) .section-key-info .statistic-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 19px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-key-info .statistic-detail {
    margin-top: 19px;
    margin-top: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-key-info .statistic-detail {
    margin-top: 7px;
  }
}

html:lang(en) .section-key-info .statistic-detail .unit {
  display: block;
  margin-top: 25px;
  line-height: 56px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-key-info .statistic-detail .unit {
    margin-top: 25px;
    margin-top: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-key-info .statistic-detail .unit {
    margin-top: 16px;
    font-size: 20px;
    line-height: 24px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-key-info .key-info-desc {
    padding-left: 85px;
  }
}

html:lang(en) .section-lab .section-col-right {
  margin-left: 5px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-lab .section-col-right {
    margin-left: 5px;
    margin-left: 0.36603vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-lab .section-col-right {
    margin-left: 0;
  }
}

html:lang(en) .section-intro-lab .swiper-intro-lab-text {
  margin-bottom: 12px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-intro-lab .swiper-intro-lab-text {
    margin-bottom: 12px;
    margin-bottom: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-intro-lab .swiper-intro-lab-text {
    margin-bottom: 0;
  }
}

html:lang(en) .section-business-philosophy .business-philosophy-content {
  margin-left: -307px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-business-philosophy .business-philosophy-content {
    margin-left: -307px;
    margin-left: -22.47438vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-business-philosophy .business-philosophy-content {
    margin-left: 0;
    padding-left: 108px;
  }
}

html:lang(en) .section-business-philosophy .txt-box {
  padding-left: 124px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-business-philosophy .txt-box {
    padding-left: 124px;
    padding-left: 9.0776vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-business-philosophy .txt-box {
    padding-left: 0;
  }
}

html:lang(en) .section-message .message-main {
  width: 590px;
  font-size: 32px;
  line-height: 46px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-message .message-main {
    width: 590px;
    width: 43.1918vw;
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 46px;
    line-height: 3.3675vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-message .message-main {
    width: 312px;
    font-size: 18px;
    line-height: 25px;
  }
}

html:lang(en) .section-message .strategy {
  width: 385px;
  margin-left: 226px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-message .strategy {
    width: 385px;
    width: 28.18448vw;
    margin-left: 226px;
    margin-left: 16.54466vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-message .strategy {
    width: 100%;
    margin-left: 0;
  }
}

html:lang(en) .section-main-brand .main-title-area .title .text {
  overflow: visible;
  white-space: normal;
}

.page-about .title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.29;
}

@media screen and (max-width: 1365px) {
  .page-about .title {
    font-size: 48px;
    font-size: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .title {
    font-size: 24px;
  }
}

.page-about .section-greetings {
  position: relative;
  z-index: 1;
  padding: 160px 0 181px;
  background-color: #f2f4f8;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings {
    padding: 160px 0px 181px;
    padding: 11.71303vw 0vw 13.25037vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings {
    padding: 80px 0 120px;
  }
}

.page-about .section-greetings:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  height: 424px;
  background-color: #fff;
  content: "";
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings:before {
    height: 406px;
    height: 29.72182vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings:before {
    height: 310px;
  }
}

.page-about .section-greetings .greetings-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: -19px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-content {
    margin-top: -19px;
    margin-top: -1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-content {
    display: block;
    margin-top: 0;
  }
}

.page-about .section-greetings .greetings-thumb {
  width: 486px;
  height: 600px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-thumb {
    width: 486px;
    width: 35.57833vw;
    height: 600px;
    height: 43.92387vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-thumb {
    width: 312px;
    height: 385px;
    margin: 48px auto 0;
  }
}

.page-about .section-greetings .greetings-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.page-about .section-greetings .greetings-message {
  width: 590px;
  margin-top: 156px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-message {
    width: 590px;
    width: 43.1918vw;
    margin-top: 156px;
    margin-top: 11.4202vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-message {
    width: 100%;
    margin-top: 49px;
  }
}

.page-about .section-greetings .greetings-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.38;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-title {
    font-size: 32px;
    font-size: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-title {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.35;
  }
}

.page-about .section-greetings .greetings-title + .greetings-text {
  margin-top: 50px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-title + .greetings-text {
    margin-top: 50px;
    margin-top: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-title + .greetings-text {
    margin-top: 38px;
  }
}

.page-about .section-greetings .greetings-text {
  margin-top: 20px;
  color: #212121;
  letter-spacing: -0.16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.56;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-text {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-text {
    margin-top: 25px;
    padding-right: 22px;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 1.4;
  }
}

.page-about .section-greetings .greetings-people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 486px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-people {
    width: 486px;
    width: 35.57833vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-people {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    margin-top: 20px;
  }
}

.page-about .section-greetings .greetings-people-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-people-info {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-people-info {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 0;
    padding-right: 15px;
  }
}

.page-about .section-greetings .greetings-people-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-people-text {
    padding-right: 10px;
  }
}

.page-about .section-greetings .greetings-name {
  display: block;
  margin-top: 20px;
  letter-spacing: 23px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1875;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-name {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 32px;
    font-size: 2.34261vw;
    letter-spacing: 23px;
    letter-spacing: 1.68375vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-name {
    letter-spacing: 14px;
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.2;
  }
}

.page-about .section-greetings .greetings-office {
  display: block;
  position: relative;
  letter-spacing: 0.54px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.167;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-office {
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-office {
    letter-spacing: 0.9px;
    font-size: 15px;
    line-height: 1.2;
  }
}

.page-about .section-greetings .greetings-signature {
  width: 216px;
  height: 112px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-greetings .greetings-signature {
    width: 216px;
    width: 15.81259vw;
    height: 112px;
    height: 8.19912vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-greetings .greetings-signature {
    width: 135px;
    height: 70px;
  }
}

.page-about .section-greetings .greetings-signature img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.page-about .overview-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .page-about .overview-box {
    display: block;
  }
}

.page-about .overview-content {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .page-about .overview-content {
    margin-top: 23px;
  }
}

.page-about .overview-title {
  display: block;
  width: 306px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 1365px) {
  .page-about .overview-title {
    width: 306px;
    width: 22.40117vw;
    padding-right: 20px;
    padding-right: 1.46413vw;
    font-size: 20px;
    font-size: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .overview-title {
    width: 100%;
    padding-right: 0;
    font-size: 28px;
    line-height: 1.2857;
  }
}

.page-about .section-healthcare-solutions {
  padding: 156px 0 200px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions {
    padding: 156px 0px 200px;
    padding: 11.4202vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions {
    padding: 78px 0 120px;
  }
}

.page-about .section-healthcare-solutions .title {
  line-height: 1.38;
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .title {
    max-width: 100%;
  }
}

.page-about .section-healthcare-solutions .healthcare-solutions {
  margin-top: 114px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .healthcare-solutions {
    margin-top: 114px;
    margin-top: 8.34553vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .healthcare-solutions {
    margin-top: 58px;
  }
}

.page-about .section-healthcare-solutions .healthcare-solutions .content-title {
  color: #191919;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .healthcare-solutions .content-title {
    font-size: 32px;
    font-size: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .healthcare-solutions .content-title {
    font-size: 28px;
    line-height: 1.29;
  }
}

.page-about .section-healthcare-solutions .healthcare-solutions .content-desc {
  margin-top: 16px;
  color: #757575;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.21;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .healthcare-solutions .content-desc {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 26px;
    font-size: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .healthcare-solutions .content-desc {
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.54;
  }
}

.page-about .section-healthcare-solutions .overview-box:not(:first-child) {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .overview-box:not(:first-child) {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .overview-box:not(:first-child) {
    margin-top: 56px;
  }
}

.page-about .section-healthcare-solutions .overview-box.core-values {
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .overview-box.core-values {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .overview-box.core-values {
    margin-top: 73px;
  }
}

.page-about .section-healthcare-solutions .core-values .overview-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .core-values .overview-content {
    display: block;
    margin-top: 28px;
  }
}

.page-about .section-healthcare-solutions .core-values-item {
  position: relative;
  width: calc(100% / 3 + 8px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .core-values-item {
    padding: 0px 25px;
    padding: 0vw 1.83016vw;
    width: calc(100% / 3 + 0.58565vw);
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .core-values-item {
    width: 100%;
    margin-top: 32px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 19px;
    border-bottom: 1px solid #eaeaea;
  }
}

.page-about .section-healthcare-solutions .core-values-item:first-child {
  padding-left: 0;
  width: calc(100% / 3 - 15px);
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .core-values-item:first-child {
    width: calc(100% / 3 - 1.0981vw);
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .core-values-item:first-child {
    width: 100%;
  }
}

.page-about .section-healthcare-solutions .core-values-item:last-child {
  padding-right: 0;
  width: calc(100% / 3 - 15px);
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .core-values-item:last-child {
    width: calc(100% / 3 - 1.0981vw);
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .core-values-item:last-child {
    width: 100%;
  }
}

.page-about .section-healthcare-solutions .core-values-item:nth-child(-n + 2) {
  border-right: 1px solid #eaeaea;
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .core-values-item:nth-child(-n + 2) {
    border-right: none;
  }
}

.page-about .section-healthcare-solutions .core-values-title {
  display: block;
  letter-spacing: -0.24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.208;
}

@media (min-width: 769px) {
  .page-about .section-healthcare-solutions .core-values-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .core-values-title {
    font-size: 24px;
    font-size: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .core-values-title {
    font-size: 17px;
    line-height: 1.47;
  }
}

.page-about .section-healthcare-solutions .core-values-desc {
  width: 345px;
  height: 105px;
  margin-top: 9px;
  color: #757575;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.58;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .core-values-desc {
    width: 345px;
    width: 25.25622vw;
    height: 105px;
    height: 7.68668vw;
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .core-values-desc {
    width: 304px;
    height: 62px;
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.38;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.page-about .section-healthcare-solutions .core-values-icon {
  margin-top: 30px;
  text-align: right;
}

@media screen and (max-width: 1365px) {
  .page-about .section-healthcare-solutions .core-values-icon {
    margin-top: 33px;
    margin-top: 2.41581vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-healthcare-solutions .core-values-icon {
    margin-top: -4px;
  }
}

.page-about .section-about-address {
  padding: 150px 0 200px;
}

@media screen and (max-width: 1365px) {
  .page-about .section-about-address {
    padding: 150px 0px 199px;
    padding: 10.98097vw 0vw 14.56808vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-about-address {
    padding: 75px 0 120px;
  }
}

@media screen and (max-width: 768px) {
  .page-about .section-about-address .tab-list {
    overflow-x: auto;
  }
}

.page-about .address-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-about .address-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 80px 0;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .page-about .address-item {
    padding: 80px 0px;
    padding: 5.85652vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .address-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 0 41px;
  }
}

.page-about .address-item:first-child {
  border-top: 1px solid #dbdbdb;
}

.page-about .address-title {
  padding-top: 36px;
  color: #212121;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1875;
}

@media screen and (max-width: 1365px) {
  .page-about .address-title {
    padding-top: 36px;
    padding-top: 2.63543vw;
    font-size: 34px;
    font-size: 2.48902vw;
    font-weight: 700;
    line-height: 1.1875;
  }
}

@media screen and (max-width: 768px) {
  .page-about .address-title {
    padding-top: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1965;
  }
}

.page-about .address-sub {
  margin-left: 14px;
  color: #757575;
  font-size: 18px;
  line-height: 1.667;
}

@media screen and (max-width: 1365px) {
  .page-about .address-sub {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 1.667;
  }
}

@media screen and (max-width: 768px) {
  .page-about .address-sub {
    font-size: 16px;
    line-height: 1.1875;
  }
}

.page-about .address-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #0079fa;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1875;
}

@media screen and (max-width: 1365px) {
  .page-about .address-link {
    font-size: 16px;
    font-size: 1.1713vw;
    font-weight: 700;
    line-height: 1.1875;
  }
}

@media screen and (max-width: 768px) {
  .page-about .address-link {
    margin-top: 27px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
  }
}

.page-about .address-link .icon {
  margin-left: 4px;
}

@media screen and (max-width: 1365px) {
  .page-about .address-link .icon {
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .address-link .icon {
    margin-left: 4px;
  }
}

.page-about .address-thumb-wrap {
  width: 486px;
  height: auto;
  margin-left: 40px;
}

@media screen and (max-width: 1365px) {
  .page-about .address-thumb-wrap {
    width: 486px;
    width: 35.57833vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .address-thumb-wrap {
    width: 100%;
    margin-top: 28px;
    margin-left: unset;
  }
}

.page-about .address-thumb-wrap .thumb-link {
  display: block;
  position: relative;
  padding-bottom: 79.013%;
}

.page-about .address-thumb-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-about .contact-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 52px;
}

@media screen and (max-width: 1365px) {
  .page-about .contact-list {
    margin-top: 52px;
    margin-top: 3.80673vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .contact-list {
    margin-top: 27px;
  }
}

.page-about .contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .page-about .contact-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.page-about .contact-item:not(:first-child) {
  margin-top: 11px;
}

@media screen and (max-width: 768px) {
  .page-about .contact-item:not(:first-child) {
    margin-top: 11px;
    margin-top: 0.80527vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .contact-item:not(:first-child) {
    margin-top: 18px;
  }
}

.page-about .contact-name {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.233%;
  flex: 0 0 6.233%;
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}

@media screen and (max-width: 1365px) {
  .page-about .contact-name {
    font-size: 16px;
    font-size: 1.1713vw;
    font-weight: 500;
    line-height: 1.75;
  }
}

@media screen and (max-width: 768px) {
  .page-about .contact-name {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.334;
  }
}

.page-about .contact-desc {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 30px;
  color: #757575;
  font-size: 16px;
  line-height: 1.75;
}

@media screen and (max-width: 1365px) {
  .page-about .contact-desc {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 1.75;
    margin-left: 30px;
    margin-left: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .contact-desc {
    margin-top: 7px;
    margin-left: unset;
    font-size: 13px;
    line-height: 1.385;
  }
}

.page-about .accordion-content .address-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-about .accordion-content .address-item {
  -ms-flex-preferred-size: calc(50% - 42px);
  flex-basis: calc(50% - 42px);
  padding: unset;
  border: unset;
}

@media screen and (max-width: 1365px) {
  .page-about .accordion-content .address-item {
    -ms-flex-preferred-size: calc(50% - 3.002vw);
    flex-basis: calc(50% - 3.002vw);
  }
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .page-about .accordion-content .address-item:not(:first-child) {
    margin-top: 20px;
    padding: 19px 0 1px;
    border-top: 1px solid #ededed;
  }
}

.page-about .accordion-content .address-item:nth-child(even) {
  margin-left: 82px;
}

@media screen and (max-width: 1365px) {
  .page-about .accordion-content .address-item:nth-child(even) {
    margin-left: 82px;
    margin-left: 6.00293vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-item:nth-child(even) {
    margin-left: unset;
  }
}

.page-about .accordion-content .address-item:nth-child(n + 3) {
  margin-top: 48px;
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-item:nth-child(n + 3) {
    margin-top: 20px;
  }
}

.page-about .accordion-content .address-item .contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-item .contact-list {
    margin-top: 25px;
  }
}

.page-about .accordion-content .address-item .contact-item:not(:first-child) {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-item .contact-item:not(:first-child) {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-item .contact-item:not(:first-child) {
    margin-top: 17px;
  }
}

.page-about .accordion-content .address-item .contact-name {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.888%;
  flex: 0 0 12.888%;
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-item .contact-desc {
    margin-top: 8px;
  }
}

.page-about .accordion-content .address-item .address-link {
  margin-top: 43px;
}

@media screen and (max-width: 1365px) {
  .page-about .accordion-content .address-item .address-link {
    margin-top: 43px;
    margin-top: 3.14788vw;
  }
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-item .address-link {
    margin-top: 26px;
  }
}

.page-about .accordion-content .address-title {
  padding: unset;
  word-break: auto-phrase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}

@media screen and (max-width: 1365px) {
  .page-about .accordion-content .address-title {
    font-size: 16px;
    font-size: 1.1713vw;
    font-weight: 500;
    line-height: 1.75;
  }
}

@media screen and (max-width: 768px) {
  .page-about .accordion-content .address-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
  }
}

.section-about-business {
  overflow: hidden;
  padding: 158px 0 272px;
}

@media screen and (max-width: 1365px) {
  .section-about-business {
    padding: 160px 0px 272px;
    padding: 11.71303vw 0vw 19.91215vw;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business {
    padding: 80px 0 172px;
  }
}

.section-about-business .business-area {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-area {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-area {
    margin-top: 40px;
  }
}

.section-about-business .business-swiper {
  overflow: visible;
}

.section-about-business .business-swiper .swiper-pagination {
  bottom: -72px;
  color: rgba(33, 33, 33, 0.4);
}

.section-about-business .business-swiper .swiper-pagination .swiper-pagination-current {
  margin-right: 12px;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-swiper .swiper-pagination .swiper-pagination-current {
    margin-right: 12px;
    margin-right: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-swiper .swiper-pagination .swiper-pagination-current {
    margin-right: 8px;
  }
}

.section-about-business .business-swiper .swiper-pagination .swiper-pagination-total {
  margin-left: 12px;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-swiper .swiper-pagination .swiper-pagination-total {
    margin-left: 12px;
    margin-left: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-swiper .swiper-pagination .swiper-pagination-total {
    margin-left: 8px;
  }
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-swiper .swiper-pagination {
    bottom: -70px;
    bottom: -5.12445vw;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-swiper .swiper-pagination {
    bottom: -52px;
  }
}

.section-about-business .business-swiper [class*="swiper-pagination-"] {
  letter-spacing: -0.2px;
  font-size: 20px;
  line-height: 1.2;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-swiper [class*="swiper-pagination-"] {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 1.2;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-swiper [class*="swiper-pagination-"] {
    font-size: 17px;
    line-height: 1.1764;
    letter-spacing: -0.34px;
  }
}

.section-about-business .business-swiper .swiper-pagination-current {
  color: #212121;
  font-weight: 700;
}

.section-about-business .business-title {
  color: #212121;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1875;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-title {
    font-size: 32px;
    font-size: 2.34261vw;
    font-weight: 700;
    line-height: 1.1875;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2142;
  }
}

.section-about-business .business-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8fbff;
}

@media screen and (max-width: 768px) {
  .section-about-business .business-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (min-width: 769px) {
  .section-about-business .business-item.swiper-slide-active .business-content-title,
  .section-about-business .business-item.swiper-slide-active .business-content-desc,
  .section-about-business .business-item.swiper-slide-active .business-content-link {
    color: #fff;
  }
  .section-about-business .business-item.swiper-slide-active .business-content-link {
    border-color: #fff;
    background: transparent;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .section-about-business .business-item.swiper-slide-active .business-content-link:hover {
    color: #0079fa;
    background-color: #fff;
  }
  .section-about-business .business-item.swiper-slide-active .business-content-link:hover .icon-arrow-next-blue {
    width: 28px;
    height: 28px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1290px -1394px;
    background-repeat: no-repeat;
  }
  .section-about-business .business-item.swiper-slide-active .business-content::before {
    opacity: 0.85;
  }
  .section-about-business .business-item.swiper-slide-active .business-content .icon-arrow-next-blue {
    width: 28px;
    height: 28px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1326px -1394px;
    background-repeat: no-repeat;
  }
  .section-about-business .business-item.swiper-slide-active .business-content-bg {
    opacity: 1;
  }
}

.section-about-business .business-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding: 50px 40px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-content {
    padding: 48px 40px 40px;
    padding: 3.51391vw 2.92826vw 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-content {
    padding: 40px 20px 86px;
  }
}

.section-about-business .business-content::before {
  position: absolute;
  z-index: -1;
  background-color: #0079fa;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  inset: 0;
  content: "";
}

@media screen and (max-width: 768px) {
  .section-about-business .business-content::before {
    opacity: 0.85;
  }
}

.section-about-business .business-content-title {
  color: #0079fa;
  letter-spacing: -0.34px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-content-title {
    font-size: 34px;
    font-size: 2.48902vw;
    font-weight: 700;
    line-height: 1.1;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-content-title {
    color: #fff;
    letter-spacing: -0.4px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
  }
}

.section-about-business .business-content-desc {
  margin-top: 22px;
  color: #757575;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.63;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-content-desc {
    margin-top: 22px;
    margin-top: 1.61054vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 1.63;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-content-desc {
    min-height: 94px;
    margin-top: 10px;
    color: #fff;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 1.415;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.section-about-business .business-content-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding: 14px 15px 12px 24px;
  border: solid 1px #0079fa;
  background-color: #fff;
  color: #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-content-link {
    padding: 14px 15px 12px 24px;
    padding: 1.02489vw 1.0981vw 0.87848vw 1.75695vw;
    font-size: 16px;
    font-size: 1.1713vw;
    font-weight: 500;
    line-height: 1.63;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-content-link {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 11px 14px 11px 18px;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1538;
  }
}

.section-about-business .business-content-bg {
  position: absolute;
  z-index: -2;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  inset: 0;
}

.section-about-business .business-content-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .section-about-business .business-content-bg img {
    height: calc(100% - 48px);
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-content-bg {
    opacity: 1;
  }
}

.section-about-business .business-thumb-wrap {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

@media screen and (max-width: 768px) {
  .section-about-business .business-thumb-wrap {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.section-about-business .business-thumb {
  padding-bottom: 137.309%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .section-about-business .business-thumb {
    padding-bottom: 100%;
  }
}

.section-about-business .business-thumb .thumb-text {
  display: block;
  text-align: right;
  position: absolute;
  right: 40px;
  left: 40px;
  bottom: 40px;
  color: #757575;
  font-size: 20px;
  line-height: 1.2;
}

@media screen and (max-width: 1365px) {
  .section-about-business .business-thumb .thumb-text {
    right: 40px;
    right: 2.92826vw;
    left: 40px;
    left: 2.92826vw;
    bottom: 40px;
    bottom: 2.92826vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 1.2;
  }
}

@media screen and (max-width: 768px) {
  .section-about-business .business-thumb .thumb-text {
    font-size: 15px;
    line-height: 1;
    bottom: 12px;
    right: 15px;
    left: 15px;
  }
  .section-about-business .business-thumb .thumb-text.text-color-white {
    color: #757575;
  }
}

.section-about-business .business-thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-history-message {
  padding-top: 115px;
  padding-bottom: 34px;
}

@media (max-width: 1600px) {
  .section-history-message {
    padding-top: 115px;
    padding-top: 8.41874vw;
    padding-bottom: 34px;
    padding-bottom: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .section-history-message {
    padding-top: 78px;
  }
}

.section-history-message .txt-message {
  position: relative;
  z-index: 1;
  font-size: 40px;
  font-weight: 700;
  line-height: 58px;
  color: #ccc;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

@media (max-width: 1600px) {
  .section-history-message .txt-message {
    font-size: 40px;
    font-size: 2.5vw;
    line-height: 58px;
    line-height: 3.625vw;
  }
}

@media screen and (max-width: 768px) {
  .section-history-message .txt-message {
    font-size: 24px;
    line-height: 33px;
  }
}

.section-history-message .txt-message.is-show {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.section-history-message .txt-message em {
  color: #212121;
}

@media (max-width: 1600px) {
  .section-archive {
    text-align: center;
  }
}

.section-archive .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1601px) {
  .section-archive .container {
    padding-right: 102px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (max-width: 1600px) {
  .section-archive .container {
    display: inline-block;
    padding: 100px 24px 200px;
    padding: 6.25vw 1.5vw 12.5vw;
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .section-archive .container {
    display: block;
    padding: 100px 24px 120px;
  }
}

.section-archive .archive-title {
  -ms-flex-preferred-size: 306px;
  flex-basis: 306px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
}

@media (max-width: 1600px) {
  .section-archive .archive-title {
    font-size: 28px;
    line-height: 36px;
  }
}

.section-archive .archive-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  max-width: 792px;
  min-height: 260px;
  padding-right: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1600px) {
  .section-archive .archive-info {
    min-height: 0;
    padding-right: 0;
  }
}

.section-archive .archive-subtit {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #191919;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1600px) {
  .section-archive .archive-subtit {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #757575;
  }
}

.section-archive .archive-image-pc {
  position: absolute;
  top: 0;
  right: 0;
  width: 204px;
  height: 260px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1600px) {
  .section-archive .archive-image-pc {
    display: none;
  }
}

@media (min-width: 1601px) {
  .section-archive .archive-image-mo {
    display: none;
  }
}

@media (max-width: 1600px) {
  .section-archive .archive-image-mo {
    width: 270px;
    height: auto;
    margin-top: 32px;
  }
}

.section-archive .archive-desc {
  margin-top: 26px;
  font-size: 18px;
  line-height: 30px;
  color: #191919;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1600px) {
  .section-archive .archive-desc {
    margin-top: 30px;
    padding-right: 69px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #ccc;
  }
  .section-archive .archive-desc em {
    color: #191919;
  }
}

.section-archive .archive-link {
  display: inline-block;
  margin-top: 51px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #212121;
}

@media (max-width: 1600px) {
  .section-archive .archive-link {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}

.section-archive .archive-link::after {
  content: "";
  display: inline-block;
  margin-left: 6px;
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -502px -1442px;
  background-repeat: no-repeat;
  vertical-align: top;
}

@media (max-width: 1600px) {
  .section-archive .archive-link::after {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -98px -697px;
    background-repeat: no-repeat;
  }
}

.history-nav {
  display: none;
  position: fixed;
  top: 50%;
  left: 40px;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1600px) {
  .history-nav {
    display: none !important;
  }
}

@media (min-width: 1601px) {
  .history-nav-button:not(:disabled):hover .icon-arrow {
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1312px -1234px;
    background-repeat: no-repeat;
  }
}

.history-nav-button .icon-arrow {
  width: 40px;
  height: 40px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -100px -1394px;
  background-repeat: no-repeat;
}

.history-nav-button .icon-arrow-down {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.history-nav-box {
  overflow: hidden;
  max-height: 254px;
  margin: 20px 0;
}

.history-nav-list {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.history-nav-item {
  width: 50px;
}

.history-nav-item:not(:first-child) {
  margin-top: 40px;
}

.history-nav-item.is-active {
  pointer-events: none;
}

.history-nav-item.is-active .history-nav-link::before {
  width: 50px;
  background-color: #0079fa;
}

.history-nav-item.is-active .history-nav-link .time {
  color: #0079fa;
}

.history-nav-link {
  display: block;
  position: relative;
}

.history-nav-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 1px;
  background-color: #ccc;
  -webkit-transition: width 0.5s, background-color 0.5s;
  transition: width 0.5s, background-color 0.5s;
}

.history-nav-link .time {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #ccc;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.history-nav-link .time + .time {
  margin-top: 20px;
}

.history-nav-mo {
  display: none;
}

@media (min-width: 1601px) {
  .history-nav-mo {
    display: none !important;
  }
}

@media (max-width: 1600px) {
  .history-nav-mo {
    position: fixed;
    right: 40px;
    bottom: 100px;
    z-index: 10;
  }
  .history-nav-mo .history-dropdown {
    display: block;
    position: relative;
  }
  .history-nav-mo .history-dropdown.is-expanded .dropdown-button {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -838.82667px -668.66667px;
    background-repeat: no-repeat;
  }
  .history-nav-mo .history-dropdown.is-expanded .dropdown-layer {
    display: block;
    max-height: 265px;
    overflow-y: auto;
  }
  .history-nav-mo .history-period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 19px;
  }
  .history-nav-mo .history-period .period-time {
    width: 47px;
    font-size: 15px;
    line-height: 18px;
    color: #ccc;
    text-align: center;
  }
  .history-nav-mo .history-period .period-time + .period-time {
    padding-left: 37px;
  }
  .history-nav-mo .history-period .period-time + .period-time::before {
    left: 12px;
    width: 13px;
    background-color: #ccc;
  }
  .history-nav-mo .dropdown-button {
    display: block;
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1008.66667px 980px;
    background-size: 1008.66667px 980px;
    background-position: -838.82667px -607.33333px;
    background-repeat: no-repeat;
  }
  .history-nav-mo .dropdown-layer {
    display: none;
    position: absolute;
    bottom: 0;
    right: calc(100% + 8px);
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #0079fa;
  }
  .history-nav-mo .dropdown-item:not(:first-child) {
    margin-top: 3px;
  }
  .history-nav-mo .dropdown-item.is-active {
    background-color: #f8fbff;
  }
  .history-nav-mo .dropdown-item.is-active .period-time {
    color: #0079fa;
  }
  .history-nav-mo .dropdown-item.is-active .period-time::before {
    background-color: #0079fa;
  }
}

@media screen and (max-width: 1365px) {
  .history-nav-mo {
    right: 40px;
    right: 2.92826vw;
    bottom: calc(44px + 4.1vw);
  }
  .history-nav-mo .dropdown-button {
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 73.84vw 71.74vw;
    background-size: 73.84vw 71.74vw;
    background-position: -61.41vw -44.46vw;
    background-repeat: no-repeat;
  }
  .history-nav-mo .history-dropdown.is-expanded .dropdown-button {
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 73.84vw 71.74vw;
    background-size: 73.84vw 71.74vw;
    background-position: -61.41vw -48.95vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .history-nav-mo {
    bottom: 74px;
    right: 24px;
  }
  .history-nav-mo .dropdown-button {
    width: 42px;
    height: 42px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -629.12px -455.5px;
    background-repeat: no-repeat;
  }
  .history-nav-mo .history-dropdown.is-expanded .dropdown-button {
    width: 42px;
    height: 42px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -629.12px -501.5px;
    background-repeat: no-repeat;
  }
}

.history-intro {
  position: relative;
  padding: 100px 0 123px;
}

@media (max-width: 1600px) {
  .history-intro {
    padding: 100px 0px 123px;
    padding: 6.25vw 0vw 7.6875vw;
  }
}

@media screen and (max-width: 768px) {
  .history-intro {
    padding: 74px 0 40px;
  }
}

.history-intro .bg-history-pc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

@media (max-width: 1600px) {
  .history-intro .bg-history-pc {
    display: none;
  }
}

.history-intro .bg-history-mo {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 1601px) {
  .history-intro .bg-history-mo {
    display: none;
  }
}

@media (min-width: 1601px) {
  .history-intro .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1601px) {
  .history-info {
    width: 410px;
    padding-top: 158px;
  }
}

@media (max-width: 1600px) {
  .history-info {
    text-align: center;
  }
}

.history-period {
  display: inline-block;
  font-size: 0;
}

.history-period .period-time {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #0079fa;
}

@media (max-width: 1600px) {
  .history-period .period-time {
    font-size: 20px;
    font-size: 1.25vw;
    line-height: 24px;
    line-height: 1.5vw;
  }
}

@media screen and (max-width: 768px) {
  .history-period .period-time {
    font-size: 13px;
    line-height: 24px;
  }
}

.history-period .period-time:not(:first-child) {
  position: relative;
  padding-left: 96px;
}

@media (max-width: 1600px) {
  .history-period .period-time:not(:first-child) {
    padding-left: 36px;
  }
}

.history-period .period-time:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40px;
  width: 16px;
  height: 1px;
  background-color: #0079fa;
}

@media (max-width: 1600px) {
  .history-period .period-time:not(:first-child)::before {
    left: 8px;
    width: 20px;
  }
}

.history-title {
  margin-top: 22px;
  font-size: 60px;
  font-weight: 700;
  line-height: 76px;
  color: #212121;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1600px) {
  .history-title {
    margin-top: 22px;
    margin-top: 1.375vw;
    font-size: 60px;
    font-size: 3.75vw;
    line-height: 76px;
    line-height: 4.75vw;
  }
}

@media screen and (max-width: 768px) {
  .history-title {
    margin-top: 10px;
    font-size: 30px;
    line-height: 38px;
  }
}

.history-description {
  margin-top: 42px;
  font-size: 22px;
  line-height: 34px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1600px) {
  .history-description {
    margin-top: 42px;
    margin-top: 2.625vw;
    font-size: 22px;
    font-size: 1.375vw;
    line-height: 34px;
    line-height: 2.125vw;
  }
}

@media screen and (max-width: 768px) {
  .history-description {
    margin-top: 23px;
    font-size: 15px;
    line-height: 21px;
  }
}

.history-image {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

.history-image:nth-child(1) {
  top: 0;
  right: 0;
  width: 280px;
  height: 280px;
  z-index: 3;
}

@media (max-width: 1600px) {
  .history-image:nth-child(1) {
    top: auto;
    bottom: 0;
    width: 108px;
    width: 13.04348vw;
    height: 108px;
    height: 13.04348vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image:nth-child(1) {
    width: 54px;
    width: 13.04348vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image:nth-child(1) {
    height: 54px;
    height: 13.04348vw;
  }
}

@media screen and (max-width: 768px) {
  .history-image:nth-child(1) {
    width: 108px;
    height: 108px;
  }
}

.history-image:nth-child(2) {
  top: 158px;
  left: 0;
  width: 282px;
  height: 346px;
  z-index: 2;
}

@media (max-width: 1600px) {
  .history-image:nth-child(2) {
    top: auto;
    bottom: 20px;
    bottom: 2.41546vw;
    width: 108px;
    width: 13.04348vw;
    height: 134px;
    height: 16.18357vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image:nth-child(2) {
    bottom: 10px;
    bottom: 2.41546vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image:nth-child(2) {
    width: 54px;
    width: 13.04348vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image:nth-child(2) {
    height: 67px;
    height: 16.18357vw;
  }
}

@media screen and (max-width: 768px) {
  .history-image:nth-child(2) {
    bottom: 20px;
    width: 108px;
    height: 134px;
  }
}

.history-image:nth-child(3) {
  right: 0;
  bottom: 0;
  width: 460px;
  height: 336px;
  z-index: 1;
}

@media (max-width: 1600px) {
  .history-image:nth-child(3) {
    top: 0;
    bottom: auto;
    right: 40px;
    right: 4.83092vw;
    width: 230px;
    width: 27.77778vw;
    height: 168px;
    height: 20.28986vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image:nth-child(3) {
    right: 20px;
    right: 4.83092vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image:nth-child(3) {
    width: 115px;
    width: 27.77778vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image:nth-child(3) {
    height: 84px;
    height: 20.28986vw;
  }
}

@media screen and (max-width: 768px) {
  .history-image:nth-child(3) {
    right: 41px;
    width: 230px;
    height: 168px;
  }
}

.history-image.is-show {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: fadeInUp100;
  animation-name: fadeInUp100;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media (min-width: 1601px) {
  .history-image.is-show {
    -webkit-animation-delay: calc(var(--pc, 0) * 0.1s);
    animation-delay: calc(var(--pc, 0) * 0.1s);
  }
}

@media (max-width: 1600px) {
  .history-image.is-show {
    -webkit-animation-delay: calc(var(--mo, 0) * 0.1s);
    animation-delay: calc(var(--mo, 0) * 0.1s);
  }
}

.history-image-area {
  position: relative;
  width: 690px;
  height: 718px;
}

@media (min-width: 1601px) {
  .history-image-area {
    margin-left: auto;
  }
}

@media (max-width: 1600px) {
  .history-image-area {
    position: relative;
    top: 0;
    left: 50%;
    right: auto;
    width: 312px;
    width: 37.68116vw;
    height: 256px;
    height: 30.91787vw;
    margin-top: 57px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image-area {
    width: 156px;
    width: 37.68116vw;
  }
}

@media (max-width: 1600px) and (max-width: 414px) {
  .history-image-area {
    height: 128px;
    height: 30.91787vw;
  }
}

@media screen and (max-width: 768px) {
  .history-image-area {
    width: 312px;
    height: 255px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.timeline {
  margin-top: 95px;
  background-color: #fff;
}

@media (min-width: 1601px) {
  .timeline-list .timeline-item {
    opacity: 0.4;
  }
  .timeline-list.is-active-render .timeline-item, .timeline-list.is-active .timeline-item {
    opacity: 1;
  }
  .timeline-list .timeline-item.is-hover {
    opacity: 1;
  }
}

@media (max-width: 1600px) {
  .timeline {
    margin-top: 95px;
    margin-top: 5.9375vw;
  }
}

@media screen and (max-width: 768px) {
  .timeline {
    margin-top: 40px;
  }
}

.timeline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.timeline-month {
  -ms-flex-preferred-size: 78px;
  flex-basis: 78px;
  padding-top: 29px;
  font-size: 20px;
  line-height: 30px;
  color: #212121;
}

@media (max-width: 1600px) {
  .timeline-month {
    -ms-flex-preferred-size: 78px;
    flex-basis: 78px;
    -ms-flex-preferred-size: 4.875vw;
    flex-basis: 4.875vw;
    padding-top: 29px;
    padding-top: 1.8125vw;
    font-size: 20px;
    font-size: 1.25vw;
    line-height: 30px;
    line-height: 1.875vw;
  }
}

@media screen and (max-width: 768px) {
  .timeline-month {
    -ms-flex-preferred-size: 54px;
    flex-basis: 54px;
    padding-top: 15px;
    font-size: 15px;
    line-height: 21px;
  }
}

.timeline-content {
  width: calc(100% - 78px);
  padding: 29px 0;
  border-bottom: 2px solid #eaeaea;
}

@media (max-width: 1600px) {
  .timeline-content {
    padding: 29px 0px;
    padding: 1.8125vw 0vw;
    border-width: 1px;
  }
}

@media screen and (max-width: 1365px) {
  .timeline-content {
    width: calc(100% - 5.71vw);
  }
}

@media screen and (max-width: 768px) {
  .timeline-content {
    width: calc(100% - 54px);
    padding: 15px 0 14px;
  }
}

.timeline-content:only-child {
  margin-left: 78px;
}

@media (max-width: 1600px) {
  .timeline-content:only-child {
    margin-left: 78px;
    margin-left: 4.875vw;
  }
}

@media screen and (max-width: 768px) {
  .timeline-content:only-child {
    margin-left: 54px;
  }
}

.timeline-event-item {
  position: relative;
}

@media (min-width: 1601px) {
  .timeline-event-item.has-image .timeline-event-text::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -100px -1442px;
    background-repeat: no-repeat;
    margin: 3px 0 0 4px;
    vertical-align: top;
  }
  .timeline-event-item.has-image:hover .timeline-event-image {
    display: block;
    position: absolute;
    top: 50%;
    right: -102px;
    width: 250px;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.timeline-event-item:not(:first-child) {
  margin-top: 4px;
}

@media screen and (max-width: 768px) {
  .timeline-event-item:not(:first-child) {
    margin-top: 5px;
  }
}

.timeline-event-text {
  font-size: 20px;
  line-height: 30px;
  color: #212121;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (max-width: 1600px) {
  .timeline-event-text {
    font-size: 20px;
    font-size: 1.25vw;
    line-height: 30px;
    line-height: 1.875vw;
  }
}

@media screen and (max-width: 768px) {
  .timeline-event-text {
    font-size: 15px;
    line-height: 21px;
  }
}

.timeline-event-image {
  display: none;
}

@media (max-width: 1600px) {
  .timeline-event-image {
    display: block;
    width: 258px;
    height: 160px;
    margin: 14px 0 2px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.timeline-shortcut {
  display: inline-block;
  margin: 12px 0 4px;
  font-size: 15px;
  line-height: 18px;
  color: #ccc;
}

@media (max-width: 1600px) {
  .timeline-shortcut {
    margin: 12px 0px 4px;
    margin: 0.75vw 0vw 0.25vw;
    font-size: 15px;
    font-size: 0.9375vw;
    line-height: 18px;
    line-height: 1.125vw;
  }
}

@media screen and (max-width: 768px) {
  .timeline-shortcut {
    margin: 7px 0 2px;
    font-size: 14px;
    line-height: 20px;
  }
}

.timeline-shortcut::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -750px -1442px;
  background-repeat: no-repeat;
  vertical-align: top;
}

@media (max-width: 1600px) {
  .timeline-shortcut::after {
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -54.9vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .timeline-shortcut::after {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1681.11111px 1633.33333px;
    background-size: 1681.11111px 1633.33333px;
    background-position: -833.33333px -1602.22222px;
    background-repeat: no-repeat;
  }
}

.timeline .container {
  position: relative;
  padding: 0 98px 90px 510px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1601px) {
  .timeline .container {
    margin-bottom: 97px;
  }
}

@media (max-width: 1600px) {
  .timeline .container {
    padding: 0 24px;
  }
}

.timeline .year {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 138px;
  font-weight: 400;
  line-height: 164px;
  color: rgba(0, 121, 250, 0.14);
}

@media (min-width: 1601px) {
  .timeline .year:not(:first-child) {
    display: none;
  }
}

@media (max-width: 1600px) {
  .timeline .year:not(:first-child) {
    margin: 60px 0px 28px;
    margin: 3.75vw 0vw 1.75vw;
  }
}

@media screen and (max-width: 768px) {
  .timeline .year:not(:first-child) {
    margin: 60px 0 28px;
  }
}

@media (max-width: 1600px) {
  .timeline .year {
    display: inline-block;
    position: static;
    font-size: 80px;
    font-size: 5vw;
    line-height: 96px;
    line-height: 6vw;
    color: #0079fa;
  }
}

@media screen and (max-width: 768px) {
  .timeline .year {
    margin-bottom: 28px;
    font-size: 50px;
    line-height: 60px;
  }
}

@media (max-width: 1600px) {
  .timeline .year-pc {
    display: none;
  }
}

.timeline .year em {
  color: #0079fa;
}

html:lang(en) .page-about .section-greetings .greetings-name {
  font-size: 28px;
  letter-spacing: normal;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .page-about .section-greetings .greetings-name {
    font-size: 28px;
    font-size: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .page-about .section-greetings .greetings-name {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .page-about .section-greetings .greetings-people-info {
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .page-about .section-greetings .greetings-people-text {
    width: calc(100% - 135px);
  }
}

html:lang(en) .page-about .address-sub {
  display: block;
  margin-left: 0;
}

html:lang(en) .page-about .section-healthcare-solutions .core-values-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

html:lang(en) .page-about .section-healthcare-solutions .core-values-desc {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  -webkit-line-clamp: initial;
  overflow: visible;
  text-overflow: initial;
}

html:lang(en) .section-about-business .business-thumb .thumb-text {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-about-business .business-thumb .thumb-text {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-about-business .business-thumb .thumb-text {
    font-size: 15px;
    line-height: 22px;
  }
}

html:lang(en) .history-info {
  padding-top: 0;
}

html:lang(en) .history-nav-item {
  width: 60px;
}

.page-brand .tab-content {
  margin-top: 0;
}

.page-brand .pagination {
  margin-top: 48px;
  margin-bottom: -60px;
}

@media screen and (max-width: 1365px) {
  .page-brand .pagination {
    margin-top: 48px;
    margin-top: 3.51391vw;
    margin-bottom: -60px;
    margin-bottom: -4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .page-brand .pagination {
    margin-top: 50px;
    margin-bottom: 0;
  }
}

.page-brand .btn-goto-page-area {
  padding: 56px 0 140px;
}

@media screen and (max-width: 1365px) {
  .page-brand .btn-goto-page-area {
    padding: 56px 0px 140px;
    padding: 4.09956vw 0vw 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .page-brand .btn-goto-page-area {
    padding: 24px 24px 120px;
  }
}

.page-brand .btn-goto-page-area .btn-goto-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 213px;
  margin: 0 auto;
  padding: 12px 15px 12px 23px;
  border: 1px solid #212121;
  color: #212121;
  text-align: left;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .page-brand .btn-goto-page-area .btn-goto-page {
    width: 213px;
    width: 15.59297vw;
    padding: 12px 16px 12px 24px;
    padding: 0.87848vw 1.1713vw 0.87848vw 1.75695vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .page-brand .btn-goto-page-area .btn-goto-page {
    width: 100%;
    max-width: 312px;
    padding: 11px 15px 11px 20px;
    font-size: 13px;
    line-height: 15px;
  }
}

@media screen and (min-width: 1366px) {
  .page-brand .btn-goto-page-area .btn-goto-page:hover {
    background-color: #212121;
    color: #fff;
  }
  .page-brand .btn-goto-page-area .btn-goto-page:hover .icon-arrow {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -260px -1442px;
    background-repeat: no-repeat;
  }
}

.page-brand .btn-goto-page-area .icon-arrow {
  margin-left: 12px;
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -292px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .page-brand .btn-goto-page-area .icon-arrow {
    margin-left: 12px;
    margin-left: 0.87848vw;
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -21.38vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .page-brand .btn-goto-page-area .icon-arrow {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -292px -1442px;
    background-repeat: no-repeat;
  }
}

.page-brand .section-faq + .btn-goto-page-area {
  background-color: #fafafa;
}

.page-brand .section-faq:nth-last-child(2) {
  padding-bottom: 140px;
}

@media screen and (max-width: 1365px) {
  .page-brand .section-faq:nth-last-child(2) {
    padding-bottom: 140px;
    padding-bottom: 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .page-brand .section-faq:nth-last-child(2) {
    padding-bottom: 120px;
  }
}

.page-brand .editor p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .page-brand .editor p {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .page-brand .editor p {
    font-size: 13px;
    line-height: 18px;
  }
}

.page-brand .editor p:not(:first-child) {
  margin-top: 22px;
}

@media screen and (max-width: 1365px) {
  .page-brand .editor p:not(:first-child) {
    margin-top: 22px;
    margin-top: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .page-brand .editor p:not(:first-child) {
    margin-top: 12px;
  }
}

.page-brand .editor img {
  max-width: 100%;
  width: auto;
  margin-top: 24px;
  margin-bottom: 0;
}

@media screen and (max-width: 1365px) {
  .page-brand .editor img {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .page-brand .editor img {
    margin-top: 12px;
  }
}

.section-tabs {
  overflow: hidden;
  position: static;
  z-index: 20;
  padding-top: 140px;
  background-color: #fff;
  -webkit-transition: top .5s;
  transition: top .5s;
}

@media screen and (max-width: 768px) {
  .section-tabs {
    padding-top: 53px;
  }
}

.section-tabs.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 113px;
  margin-top: 140px;
  padding: 0;
}

@media screen and (max-width: 1365px) {
  .section-tabs.is-sticky {
    top: 113px;
    top: 8.27233vw;
    margin-top: 140px;
    margin-top: 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .section-tabs.is-sticky {
    top: 65px;
    margin-top: 53px;
  }
}

.section-tabs.is-scroll-down {
  top: 0;
}

.section-tabs .swiper-tabs {
  overflow: visible;
}

.section-tabs .swiper-slide {
  width: auto;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.section-tabs .swiper-slide:first-child .btn-tab {
  padding-left: 0;
}

.section-tabs .swiper-slide:hover .btn-tab, .section-tabs .swiper-slide:hover .num, .section-tabs .swiper-slide.is-active .btn-tab, .section-tabs .swiper-slide.is-active .num {
  font-weight: 700;
}

.section-tabs .swiper-slide:hover .text:after, .section-tabs .swiper-slide.is-active .text:after {
  width: 100%;
}

@media screen and (min-width: 1366px) {
  .section-tabs .swiper-slide:hover .btn-tab, .section-tabs .swiper-slide:hover .num {
    color: #0379fa;
  }
}

.section-tabs .swiper-slide.is-active .btn-tab, .section-tabs .swiper-slide.is-active .num {
  font-weight: 700;
  color: #0379fa;
}

.section-tabs .swiper-slide:not(:first-child)::before {
  left: -1px;
  width: 1px;
  height: 16px;
  background-color: #dbdbdb;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .section-tabs .swiper-slide:not(:first-child)::before {
    height: 13px;
  }
}

.section-tabs .btn-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 23px 24px 22px;
  color: #212121;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .section-tabs .btn-tab {
    padding: 23px 24px 22px;
    padding: 1.68375vw 1.75695vw 1.61054vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-tabs .btn-tab {
    padding: 23px 17px 22px;
    font-size: 15px;
    line-height: 18px;
  }
}

.section-tabs .btn-tab .text {
  display: inline-block;
  position: relative;
}

.section-tabs .btn-tab .text:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  content: '';
}

@media (min-width: 769px) {
  .section-tabs .btn-tab .text:after {
    background-color: #0379fa;
  }
}

.section-tabs .btn-tab .num {
  display: inline-block;
  margin-left: 6px;
  color: #ccc;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

@media screen and (max-width: 1365px) {
  .section-tabs .btn-tab .num {
    margin-left: 6px;
    margin-left: 0.43924vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-tabs .btn-tab .num {
    font-size: 11px;
    line-height: 13px;
  }
}

.section-tabs .btn-tab .num:after {
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  font-weight: bold;
  content: attr(data-value);
}

.section-brand-list {
  margin-top: 60px;
  padding-bottom: 200px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list {
    margin-top: 60px;
    margin-top: 4.39239vw;
    padding-bottom: 200px;
    padding-bottom: 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list {
    margin-top: 39px;
    padding-bottom: 120px;
  }
}

.section-brand-list .brand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-list {
    margin: 0 auto;
    width: 1200px;
    width: 87.84773vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-list {
    display: block;
    width: 100%;
    margin: 0;
  }
}

.section-brand-list .brand-item {
  width: 384px;
  margin-top: 80px;
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-item {
    width: 384px;
    width: 28.11127vw;
    margin-top: 80px;
    margin-top: 5.85652vw;
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-item {
    width: 312px;
    margin: 50px auto 0;
  }
}

.section-brand-list .brand-item:nth-child(3n - 2) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-item:nth-child(3n - 2) {
    margin-left: auto;
  }
}

.section-brand-list .brand-item:nth-child(-n+3) {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-item:nth-child(-n+3) {
    margin-top: 50px;
  }
}

.section-brand-list .brand-item:nth-child(1) {
  margin-top: 0;
}

.section-brand-list .brand-item .brand-thumb img {
  -webkit-filter: brightness(0) saturate(100%);
  filter: brightness(0) saturate(100%);
}

.section-brand-list .brand-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.section-brand-list .brand-thumb {
  width: 100%;
}

.section-brand-list .brand-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-brand-list .brand-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section-brand-list .brand-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 0 31px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-text {
    padding: 19px 0px 31px;
    padding: 1.39092vw 0vw 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-text {
    padding: 20px 0 25px;
  }
}

.section-brand-list .brand-name {
  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-name {
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 31px;
    line-height: 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-name {
    font-size: 20px;
    line-height: 24px;
  }
}

.section-brand-list .brand-desc {
  margin-top: 20px;
  color: #757575;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-desc {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-desc {
    margin-top: 19px;
    font-size: 15px;
    line-height: 21px;
  }
}

.section-brand-list .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-brand-list .btn-area .btn-brand {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  z-index: 2;
  padding: 15px;
  border: 1px solid #0079fa;
  color: #0079fa;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .btn-area .btn-brand {
    padding: 15px;
    padding: 1.0981vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .btn-area .btn-brand {
    padding: 14px;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
  }
}

@media screen and (min-width: 1366px) {
  .section-brand-list .btn-area .btn-brand:hover {
    border-color: transparent;
    background-color: #0079fa;
    color: #fff;
  }
}

.section-brand-list .btn-area .btn-brand.btn-browse-products {
  z-index: 1;
  margin-left: -1px;
  border-color: #ccc;
  color: #212121;
}

@media screen and (min-width: 1366px) {
  .section-brand-list .btn-area .btn-brand.btn-browse-products:hover {
    z-index: 3;
    border-color: transparent;
    background-color: #212121;
    color: #fff;
  }
}

.section-brand-list .brand-list-content:not(.brand-representative) .brand-thumb {
  padding: 6px 45px;
  border: 1px solid #ededed;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-list-content:not(.brand-representative) .brand-thumb {
    padding: 6px 45px;
    padding: 0.43924vw 3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-list-content:not(.brand-representative) .brand-thumb {
    padding: 3px 32px;
  }
}

@media screen and (min-width: 1366px) {
  .section-brand-list .brand-list-content:not(.brand-representative) .brand-thumb:hover {
    background-color: var(--background-color);
  }
  .section-brand-list .brand-list-content:not(.brand-representative) .brand-thumb:hover img {
    -webkit-filter: brightness(0) saturate(100%) invert(84%) sepia(1%) saturate(0%) hue-rotate(264deg) brightness(145%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(84%) sepia(1%) saturate(0%) hue-rotate(264deg) brightness(145%) contrast(100%);
  }
}

.section-brand-list .brand-representative {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative {
    display: block;
  }
}

.section-brand-list .brand-representative .brand-tab-content {
  display: none;
  width: 894px;
  margin-left: 126px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-representative .brand-tab-content {
    width: 894px;
    width: 65.44656vw;
    margin-left: 126px;
    margin-left: 9.22401vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .brand-tab-content {
    width: 100%;
    margin-left: 0;
  }
}

.section-brand-list .brand-representative .brand-tab-content.is-active {
  display: block;
}

.section-brand-list .brand-representative .brand-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .brand-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.section-brand-list .brand-representative .brand-thumb {
  position: relative;
  width: 612px;
  padding-bottom: 570px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-representative .brand-thumb {
    width: 612px;
    width: 44.80234vw;
    padding-bottom: 570px;
    padding-bottom: 41.72767vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .brand-thumb {
    width: 100%;
    padding-bottom: 50%;
  }
}

.section-brand-list .brand-representative .brand-thumb img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-brand-list .brand-representative .brand-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 282px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-representative .brand-info {
    width: 282px;
    width: 20.64422vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .brand-info {
    width: 100%;
  }
}

.section-brand-list .brand-representative .brand-info.is-bg-dark .brand-logo {
  background-color: #fff;
}

.section-brand-list .brand-representative .brand-info.is-bg-dark .brand-desc {
  color: #fff;
}

.section-brand-list .brand-representative .brand-info.is-bg-light .brand-logo {
  background-color: #212121;
}

.section-brand-list .brand-representative .brand-info.is-bg-light .brand-desc {
  color: #212121;
}

.section-brand-list .brand-representative .brand-logo {
  display: block;
  height: 88px;
  -webkit-mask-image: var(--url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-image: var(--url);
  mask-repeat: no-repeat;
  -webkit-mask-position: center left;
  mask-position: center left;
  -webkit-mask-size: contain;
  mask-size: contain;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-representative .brand-logo {
    height: 88px;
    height: 6.44217vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .brand-logo {
    height: 92px;
  }
}

.section-brand-list .brand-representative .brand-logo img {
  width: 100%;
  height: 100%;
}

.section-brand-list .brand-representative .brand-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 80px 40px 56px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-representative .brand-text {
    padding: 80px 40px 56px;
    padding: 5.85652vw 2.92826vw 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .brand-text {
    padding: 20px 20px 17px;
  }
}

.section-brand-list .brand-representative .brand-desc {
  margin-top: 24px;
  color: #fff;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-representative .brand-desc {
    margin-top: 24px;
    margin-top: 1.75695vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .brand-desc {
    margin-top: 16px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 21px;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.section-brand-list .brand-representative .btn-area {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-brand-list .brand-representative .btn-area .btn-brand {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100%;
  padding: 33px 39px 32px;
  border: 1px solid #707070;
  background-color: #fff;
  color: #212121;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-representative .btn-area .btn-brand {
    padding: 33px 39px 32px;
    padding: 2.41581vw 2.85505vw 2.34261vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .btn-area .btn-brand {
    padding: 16px 20px 15px;
    border-color: #757575;
    font-size: 13px;
    line-height: 15px;
  }
}

.section-brand-list .brand-representative .btn-area .btn-brand.btn-browse-products {
  margin-left: 0;
  border-color: #212121;
  background-color: #212121;
  color: #fff;
}

.section-brand-list .brand-representative .btn-area .btn-brand .icon {
  right: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-representative .btn-area .btn-brand .icon {
    right: 40px;
    right: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .brand-representative .btn-area .btn-brand .icon {
    right: 14px;
  }
}

.section-brand-list .brand-tab {
  overflow: hidden;
  overflow-y: auto;
  width: 180px;
  max-height: 570px;
  padding: 17px 0 0;
  border-top: 2px solid #212121;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-brand-list .brand-tab::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}

.section-brand-list .brand-tab::-webkit-scrollbar-track {
  background-color: transparent;
}

.section-brand-list .brand-tab::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 100px;
  background-color: rgba(117, 117, 117, 0.2);
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-tab {
    width: 180px;
    width: 13.17716vw;
    max-height: 570px;
    max-height: 41.72767vw;
    padding: 17px 0px 0px;
    padding: 1.24451vw 0vw 0vw;
  }
}

.section-brand-list .brand-tab-item.is-active .btn-brand-tab {
  color: #212121;
}

.section-brand-list .brand-tab .btn-brand-tab {
  display: block;
  padding: 13px 0;
  color: #ccc;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .brand-tab .btn-brand-tab {
    padding: 13px 0px;
    padding: 0.95168vw 0vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (min-width: 1366px) {
  .section-brand-list .brand-tab .btn-brand-tab:hover {
    color: #212121;
  }
}

.section-brand-list .brand-selected .select-wrap {
  position: relative;
  border-top: 2px solid #212121;
}

.section-brand-list .brand-selected .select-wrap.is-selecting .selected-cur:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.section-brand-list .brand-selected .select-wrap.is-selecting .select-inner {
  display: block;
}

.section-brand-list .brand-selected .btn-selected-cur {
  display: block;
  position: relative;
  width: 100%;
  padding: 18px 62px 18px 10px;
  color: #212121;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.section-brand-list .brand-selected .btn-selected-cur:after {
  right: 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -724.12px -548px;
  background-repeat: no-repeat;
}

.section-brand-list .brand-selected .select-inner {
  display: none;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 3;
  max-height: 286px;
  border: 2px solid #212121;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-brand-list .brand-selected .select-item:hover, .section-brand-list .brand-selected .select-item.is-selected {
  background-color: #ededed;
}

.section-brand-list .brand-selected .select-item:nth-child(1) .btn-selected {
  padding-top: 13px;
}

.section-brand-list .brand-selected .select-item .btn-selected {
  width: 100%;
  padding: 15px 20px 14px;
  color: #212121;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.section-brand-list .result-search.no-data .brand-list-content {
  padding-top: 0;
}

.section-brand-list .result-search .brand-list-content {
  margin-top: 24px;
  padding-top: 40px;
  border-top: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .result-search .brand-list-content {
    margin-top: 24px;
    margin-top: 1.75695vw;
    padding-top: 40px;
    padding-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .result-search .brand-list-content {
    margin-top: 19px;
    padding-top: 40px;
  }
}

.section-brand-list .result-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .result-text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .result-text {
    font-size: 15px;
    line-height: 18px;
  }
}

.section-brand-list .result-text .highlight {
  color: #0079fa;
}

.section-brand-list .suggested {
  padding: 197px 0 190px;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .suggested {
    padding: 197px 0px 190px;
    padding: 14.42167vw 0vw 13.90922vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .suggested {
    padding: 119px 0 116px;
  }
}

.section-brand-list .suggested-brand .suggested-list {
  max-width: 660px;
  margin: 43px auto 0;
}

@media screen and (max-width: 1365px) {
  .section-brand-list .suggested-brand .suggested-list {
    max-width: 660px;
    max-width: 48.31625vw;
    margin-top: 43px;
    margin-top: 3.14788vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-list .suggested-brand .suggested-list {
    max-width: 296px;
    margin-top: 34px;
  }
}

.section-brand-kv {
  background-color: #f9f9f9;
  text-align: center;
}

.section-brand-kv .container {
  position: relative;
  z-index: 1;
  padding-top: 99px;
}

@media screen and (max-width: 1365px) {
  .section-brand-kv .container {
    padding-top: 99px;
    padding-top: 7.24744vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-kv .container {
    padding-top: 91px;
  }
}

.section-brand-kv .breadcrumb {
  position: absolute;
  top: 40px;
  right: 0;
}

@media screen and (max-width: 1365px) {
  .section-brand-kv .breadcrumb {
    top: 40px;
    top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-kv .breadcrumb {
    top: 32px;
    right: 24px;
  }
}

.section-brand-kv .brand-kv-logo {
  display: block;
  height: 160px;
  -webkit-mask-image: var(--url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-image: var(--url);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

@media screen and (max-width: 1365px) {
  .section-brand-kv .brand-kv-logo {
    height: 160px;
    height: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-kv .brand-kv-logo {
    height: 112px;
  }
}

.section-brand-kv .brand-kv-desc {
  margin-top: 8px;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
}

@media screen and (max-width: 1365px) {
  .section-brand-kv .brand-kv-desc {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-kv .brand-kv-desc {
    margin-top: 6px;
    font-size: 16px;
    line-height: 19px;
  }
}

.section-brand-kv .brand-kv-name {
  display: block;
  margin-top: 30px;
  font-size: 80px;
  font-weight: 700;
  line-height: 95px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-brand-kv .brand-kv-name {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 80px;
    font-size: 5.85652vw;
    line-height: 95px;
    line-height: 6.95461vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-kv .brand-kv-name {
    margin-top: 12px;
    font-size: 40px;
    line-height: 48px;
  }
}

.section-brand-kv .brand-kv-thumb {
  position: relative;
  z-index: -1;
  width: 640px;
  margin: -74px auto 0;
  padding-bottom: 640px;
}

@media screen and (max-width: 1365px) {
  .section-brand-kv .brand-kv-thumb {
    width: 640px;
    width: 46.85212vw;
    padding-bottom: 640px;
    padding-bottom: 46.85212vw;
    margin-top: -74px;
    margin-top: -5.41728vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-kv .brand-kv-thumb {
    width: 360px;
    margin: -24px auto 0;
    padding-bottom: 360px;
  }
}

@media (max-width: 408px) {
  .section-brand-kv .brand-kv-thumb {
    margin-left: calc((100vw - 408px) / 2);
  }
}

.section-brand-kv .brand-kv-thumb img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-brand-banner {
  overflow: hidden;
  position: relative;
}

.section-brand-banner.is-bg-dark {
  color: #fff;
}

.section-brand-banner.is-bg-dark .brand-banner-logo {
  background-color: #fff;
}

.section-brand-banner.is-bg-light {
  color: #212121;
}

.section-brand-banner.is-bg-light .brand-banner-logo {
  background-color: #212121;
}

.section-brand-banner:after {
  overflow: auto;
  position: absolute;
  padding-bottom: 3px;
  color: rgba(255, 255, 255, 0.07);
  text-align: center;
  content: attr(data-content);
  font-size: 350px;
  font-weight: 700;
  line-height: 417px;
  white-space: nowrap;
}

@media (min-width: 769px) {
  .section-brand-banner:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 1365px) {
  .section-brand-banner:after {
    padding-bottom: 3px;
    padding-bottom: 0.21962vw;
    font-size: 350px;
    font-size: 25.62225vw;
    line-height: 417px;
    line-height: 30.52709vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-banner:after {
    bottom: 0;
    padding-bottom: 0;
    font-size: 100px;
    line-height: 119px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.section-brand-banner .container {
  position: relative;
  z-index: 1;
  padding-top: 70px;
  padding-bottom: 98px;
}

@media screen and (max-width: 1365px) {
  .section-brand-banner .container {
    padding-top: 70px;
    padding-top: 5.12445vw;
    padding-bottom: 98px;
    padding-bottom: 7.17423vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-banner .container {
    padding-top: 90px;
    padding-bottom: 112px;
  }
}

.section-brand-banner .breadcrumb {
  position: absolute;
  top: 40px;
  right: 0;
}

@media screen and (max-width: 1365px) {
  .section-brand-banner .breadcrumb {
    top: 40px;
    top: 2.92826vw;
    right: 24px;
    right: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-banner .breadcrumb {
    top: 30px;
    right: 24px;
  }
}

.section-brand-banner .brand-banner-logo {
  display: block;
  height: 160px;
  -webkit-mask-image: var(--url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-image: var(--url);
  mask-repeat: no-repeat;
  -webkit-mask-position: center left;
  mask-position: center left;
  -webkit-mask-size: contain;
  mask-size: contain;
}

@media screen and (max-width: 1365px) {
  .section-brand-banner .brand-banner-logo {
    height: 160px;
    height: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-banner .brand-banner-logo {
    height: 112px;
  }
}

.section-brand-banner .brand-banner-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-brand-banner .brand-banner-desc {
  margin-top: 8px;
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .section-brand-banner .brand-banner-desc {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 42px;
    line-height: 3.07467vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-banner .brand-banner-desc {
    margin-top: 6px;
    font-size: 16px;
    line-height: 22px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.section-brand-banner .brand-banner-name {
  display: block;
  margin-top: 30px;
  font-size: 80px;
  font-weight: 700;
  line-height: 96px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .section-brand-banner .brand-banner-name {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 80px;
    font-size: 5.85652vw;
    line-height: 96px;
    line-height: 7.02782vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-banner .brand-banner-name {
    margin-top: 12px;
    font-size: 40px;
    line-height: 48px;
  }
}

.section-brand-introduction {
  overflow: hidden;
  margin-top: 160px;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction {
    margin-top: 160px;
    margin-top: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction {
    margin-top: 0;
  }
}

.section-brand-introduction .brand-introduction {
  position: relative;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction {
    max-width: 840px;
    max-width: 61.49341vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction {
    max-width: 100%;
  }
}

.section-brand-introduction .brand-introduction-img {
  position: absolute;
  top: 0;
  left: -540px;
  width: 540px;
  height: 592px;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction-img {
    left: -540px;
    left: -39.53148vw;
    width: 540px;
    width: 39.53148vw;
    height: 592px;
    height: 43.33821vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction-img {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    height: 0;
    padding-top: 50%;
  }
}

.section-brand-introduction .brand-introduction-img:last-child {
  left: 100%;
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction-img:last-child {
    left: auto;
  }
}

.section-brand-introduction .brand-introduction-img img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-brand-introduction .brand-introduction-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 592px;
  padding: 0 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction-info {
    height: 592px;
    height: 43.33821vw;
    padding: 0px 50px;
    padding: 0vw 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction-info {
    display: block;
    height: auto;
    padding: 60px 24px;
  }
}

.section-brand-introduction .brand-introduction-title {
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction-title {
    font-size: 56px;
    font-size: 4.09956vw;
    line-height: 67px;
    line-height: 4.90483vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction-title {
    font-size: 28px;
    line-height: 34px;
  }
}

.section-brand-introduction .brand-introduction-subtitle {
  height: 180px;
  margin-top: 36px;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (min-width: 769px) {
  .section-brand-introduction .brand-introduction-subtitle {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction-subtitle {
    height: 180px;
    height: 13.17716vw;
    margin-top: 36px;
    margin-top: 2.63543vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 36px;
    line-height: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction-subtitle {
    height: auto;
    margin-top: 32px;
    font-size: 16px;
    line-height: 22px;
  }
}

.section-brand-introduction .brand-introduction .btn-more {
  position: relative;
  margin-top: 33px;
  padding-right: 28px;
  padding-bottom: 5px;
  border-bottom: 2px solid #212121;
  color: #212121;
  font-size: 16px;
  font-weight: 800;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction .btn-more {
    margin-top: 33px;
    margin-top: 2.41581vw;
    padding-right: 28px;
    padding-right: 2.04978vw;
    padding-bottom: 5px;
    padding-bottom: 0.36603vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction .btn-more {
    margin-top: 42px;
    padding-right: 21px;
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 15px;
  }
}

.section-brand-introduction .brand-introduction .btn-more:after {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  content: '';
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -642px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction .btn-more:after {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -47vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction .btn-more:after {
    width: 14px;
    height: 14px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -609px -697px;
    background-repeat: no-repeat;
  }
}

.section-brand-introduction .brand-introduction .btn-more.is-show:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section-brand-introduction .brand-introduction-text {
  display: none;
  padding-bottom: 22px;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction-text {
    padding-bottom: 22px;
    padding-bottom: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction-text {
    padding-bottom: 0;
  }
}

.section-brand-introduction .brand-introduction-desc {
  height: 183px;
  margin-top: 45px;
  color: #757575;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-brand-introduction .brand-introduction-desc {
    height: 183px;
    height: 13.39678vw;
    margin-top: 45px;
    margin-top: 3.29429vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .section-brand-introduction .brand-introduction-desc {
    height: auto;
    margin-top: 32px;
    font-size: 13px;
    line-height: 18px;
  }
}

.section-keyword {
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: 120px;
  padding: 120px 0 115px;
}

@media screen and (max-width: 1365px) {
  .section-keyword {
    margin-top: 120px;
    margin-top: 8.78477vw;
    padding: 120px 0px 115px;
    padding: 8.78477vw 0vw 8.41874vw;
  }
}

@media screen and (max-width: 768px) {
  .section-keyword {
    margin-top: 0;
    padding: 80px 0;
  }
}

.section-keyword::before {
  position: absolute;
  top: 261px;
  right: 0;
  left: 0;
  z-index: -1;
  height: 1px;
  background-color: #dbdbdb;
  content: '';
}

@media screen and (max-width: 1365px) {
  .section-keyword::before {
    top: 261px;
    top: 19.10688vw;
  }
}

@media screen and (max-width: 768px) {
  .section-keyword::before {
    top: 182px;
  }
}

.section-keyword .keyword-swiper {
  overflow: visible;
}

.section-keyword .keyword-box {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .section-keyword .keyword-box {
    width: 210px;
  }
}

.section-keyword .keyword-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 282px;
  height: 282px;
  border: 1px solid #dbdbdb;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 42px;
  font-weight: 800;
  line-height: 56px;
}

@media screen and (max-width: 1365px) {
  .section-keyword .keyword-num {
    width: 282px;
    width: 20.64422vw;
    height: 282px;
    height: 20.64422vw;
    font-size: 42px;
    font-size: 3.07467vw;
    line-height: 56px;
    line-height: 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .section-keyword .keyword-num {
    width: 204px;
    height: 204px;
    font-size: 32px;
    line-height: 40px;
  }
}

.section-keyword .keyword-num .text {
  display: block;
  overflow: hidden;
  width: 100%;
  max-height: 112px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-keyword .keyword-num .text {
    max-height: 112px;
    max-height: 8.19912vw;
  }
}

@media screen and (max-width: 768px) {
  .section-keyword .keyword-num .text {
    max-height: 80px;
  }
}

.section-keyword .keyword-label {
  display: block;
  overflow: hidden;
  margin-top: 34px;
  color: #ccc;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  white-space: nowrap;
}

@media screen and (max-width: 1365px) {
  .section-keyword .keyword-label {
    margin-top: 34px;
    margin-top: 2.48902vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-keyword .keyword-label {
    margin-top: 25px;
    font-size: 16px;
    line-height: 19px;
  }
}

.section-keyword .keyword-message {
  display: block;
  overflow: hidden;
  margin-top: 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-keyword .keyword-message {
    margin-top: 18px;
    margin-top: 1.31772vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .section-keyword .keyword-message {
    margin-top: 22px;
    font-size: 12px;
    line-height: 17px;
  }
}

.section-banner-content {
  padding: 120px 0;
}

@media screen and (max-width: 1365px) {
  .section-banner-content {
    padding: 120px 0px;
    padding: 8.78477vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content {
    padding: 38px 0 40px;
  }
}

.section-banner-content .banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content {
    display: block;
  }
}

.section-banner-content .banner-content-ui {
  width: 894px;
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-ui {
    width: 894px;
    width: 65.44656vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-ui {
    width: 100%;
    margin-top: 41px;
  }
}

.section-banner-content .banner-content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-info {
    display: block;
  }
}

.section-banner-content .banner-content-img {
  position: relative;
  width: 50%;
  padding-bottom: 554px;
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-img {
    padding-bottom: 554px;
    padding-bottom: 40.55637vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-img {
    width: 100%;
    padding-bottom: 57.692%;
  }
}

.section-banner-content .banner-content-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-banner-content .banner-content-message {
  width: 50%;
  padding: 38px 40px 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-message {
    padding: 38px 40px 40px;
    padding: 2.78184vw 2.92826vw 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-message {
    width: 100%;
    padding: 28px 20px 26px 20px;
  }
}

.section-banner-content .banner-content-message.is-bg-dark .banner-content-title {
  color: rgba(255, 255, 255, 0.95);
}

.section-banner-content .banner-content-message.is-bg-dark .banner-content-desc {
  color: rgba(255, 255, 255, 0.8);
}

.section-banner-content .banner-content-message.is-bg-light .banner-content-title {
  color: rgba(33, 33, 33, 0.95);
}

.section-banner-content .banner-content-message.is-bg-light .banner-content-desc {
  color: rgba(33, 33, 33, 0.8);
}

@media (min-width: 769px) {
  .section-banner-content .banner-content-message.is-bg-light .banner-content-desc::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
  }
  .section-banner-content .banner-content-message.is-bg-light .banner-content-desc::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .section-banner-content .banner-content-message.is-bg-light .banner-content-desc::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 100px;
    background-color: rgba(25, 25, 25, 0.2);
  }
}

.section-banner-content .banner-content-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 34px;
    line-height: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-title {
    font-size: 16px;
    line-height: 22px;
  }
}

.section-banner-content .banner-content-desc {
  overflow: hidden;
  overflow-y: auto;
  height: 336px;
  margin-top: 33px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (min-width: 769px) {
  .section-banner-content .banner-content-desc::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
  }
  .section-banner-content .banner-content-desc::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .section-banner-content .banner-content-desc::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 100px;
    background-color: rgba(248, 251, 255, 0.2);
  }
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-desc {
    margin-top: 33px;
    margin-top: 2.41581vw;
    height: 336px;
    height: 24.59736vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-desc {
    height: 100%;
    max-height: 198px;
    margin-top: 17px;
    font-size: 13px;
    line-height: 18px;
  }
}

.section-banner-content .banner-content-tab {
  width: 207px;
  padding-top: 31px;
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-tab {
    width: 210px;
    width: 15.37335vw;
    padding-top: 31px;
    padding-top: 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-tab {
    width: 174px;
    padding-top: 0;
  }
}

.section-banner-content .banner-content-tab .tab-item {
  display: block;
  position: relative;
}

.section-banner-content .banner-content-tab .tab-item::before {
  position: absolute;
  top: 50%;
  left: 241px;
  z-index: 1;
  width: 0;
  height: 1px;
  background-color: #212121;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  content: '';
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-tab .tab-item::before {
    left: 241px;
    left: 17.64275vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-tab .tab-item::before {
    left: calc(100% + 32px);
  }
}

.section-banner-content .banner-content-tab .tab-item:hover::before, .section-banner-content .banner-content-tab .tab-item.is-active::before {
  width: 132px;
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-tab .tab-item:hover::before, .section-banner-content .banner-content-tab .tab-item.is-active::before {
    width: 132px;
    width: 9.66325vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-tab .tab-item:hover::before, .section-banner-content .banner-content-tab .tab-item.is-active::before {
    width: 105px;
  }
}

.section-banner-content .banner-content-tab .tab-item:hover .btn-tab, .section-banner-content .banner-content-tab .tab-item.is-active .btn-tab {
  color: #212121;
}

.section-banner-content .banner-content-tab .tab-item:not(:first-child) {
  margin-top: 9px;
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-tab .tab-item:not(:first-child) {
    margin-top: 9px;
    margin-top: 0.65886vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-tab .tab-item:not(:first-child) {
    margin-top: 13px;
  }
}

.section-banner-content .banner-content-tab .btn-tab {
  display: block;
  overflow: hidden;
  padding: 10px 0;
  color: #ccc;
  white-space: nowrap;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .section-banner-content .banner-content-tab .btn-tab {
    padding: 10px 0px;
    padding: 0.73206vw 0vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-banner-content .banner-content-tab .btn-tab {
    padding: 0;
    font-size: 20px;
    line-height: 24px;
  }
}

.section-product-lineup {
  overflow: hidden;
  margin-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 1365px) {
  .section-product-lineup {
    margin-top: 120px;
    margin-top: 8.78477vw;
    padding-bottom: 120px;
    padding-bottom: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup {
    margin-top: 0;
    padding: 40px 0 39px;
  }
}

.section-product-lineup:nth-last-child(2) {
  padding-bottom: 140px;
}

@media screen and (max-width: 1365px) {
  .section-product-lineup:nth-last-child(2) {
    padding-bottom: 140px;
    padding-bottom: 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup:nth-last-child(2) {
    padding-bottom: 120px;
  }
}

.section-product-lineup + .btn-goto-page-area {
  padding-top: 0;
}

.section-product-lineup .product-lineup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .section-product-lineup .product-lineup {
    display: block;
  }
}

.section-product-lineup .product-lineup-title {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-product-lineup .product-lineup-title {
    max-width: 280px;
    max-width: 20.4978vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup .product-lineup-title {
    max-width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}

.section-product-lineup .product-lineup-content {
  overflow: hidden;
  width: calc(50vw + 294px);
  margin-right: calc(600px - 50vw);
}

@media screen and (max-width: 1365px) {
  .section-product-lineup .product-lineup-content {
    width: calc(50vw + 294*100/1366*1vw);
    margin-right: calc(600*100/1366*1vw - 50vw);
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup .product-lineup-content {
    width: calc(100% + 48px);
    margin: 40px -24px 0;
  }
}

.section-product-lineup .product-lineup-swiper {
  overflow: visible;
  width: 894px;
  margin-left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-product-lineup .product-lineup-swiper {
    width: 894px;
    width: 65.44656vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup .product-lineup-swiper {
    width: 100%;
    padding: 0 24px;
  }
}

.section-product-lineup .product-lineup-swiper .swiper-scrollbar {
  position: static;
  height: 2px;
  margin-top: 40px;
  background-color: #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .section-product-lineup .product-lineup-swiper .swiper-scrollbar {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup .product-lineup-swiper .swiper-scrollbar {
    margin-top: 29px;
  }
}

.section-product-lineup .product-lineup-swiper .swiper-scrollbar-progressbar-fill {
  background-color: #212121;
}

.section-product-lineup .product-lineup-swiper .swiper-scrollbar-drag {
  background-color: #212121;
}

.section-product-lineup .product-lineup-link {
  display: block;
  padding: 30px 20px 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-product-lineup .product-lineup-link {
    padding: 30px 20px 20px;
    padding: 2.19619vw 1.46413vw 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup .product-lineup-link {
    padding: 21px 20px 16px;
    background-color: #fafafa;
  }
}

.section-product-lineup .product-lineup-link:hover {
  background-color: #fafafa;
}

.section-product-lineup .product-lineup-link:hover .product-lineup-name {
  opacity: 1;
}

.section-product-lineup .product-lineup-thumb {
  width: 190px;
  height: 190px;
  margin: 0 auto;
}

@media screen and (max-width: 1365px) {
  .section-product-lineup .product-lineup-thumb {
    width: 190px;
    width: 13.90922vw;
    height: 190px;
    height: 13.90922vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup .product-lineup-thumb {
    width: 137px;
    height: 137px;
  }
}

.section-product-lineup .product-lineup-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-product-lineup .product-lineup-name {
  display: block;
  margin-top: 21px;
  color: #212121;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .section-product-lineup .product-lineup-name {
    margin-top: 21px;
    margin-top: 1.53734vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup .product-lineup-name {
    margin-top: 15px;
    opacity: 1;
    font-size: 13px;
    line-height: 15px;
  }
}

@media screen and (max-width: 768px) {
  .section-product-lineup .swiper-slide {
    width: 204px;
  }
}

.section-faq {
  padding-top: 120px;
  background-color: #fafafa;
}

@media screen and (max-width: 1365px) {
  .section-faq {
    padding-top: 120px;
    padding-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq {
    padding-top: 40px;
  }
}

.section-faq .faq-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-faq .faq-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .faq-title {
    font-size: 20px;
    line-height: 24px;
  }
}

.section-faq .faq-content {
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .section-faq .faq-content {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .faq-content {
    margin-top: 30px;
  }
}

.section-faq .faq-label {
  display: block;
  -ms-flex-preferred-size: 164px;
  flex-basis: 164px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .section-faq .faq-label {
    -ms-flex-preferred-size: 164px;
    flex-basis: 164px;
    -ms-flex-preferred-size: 12.00586vw;
    flex-basis: 12.00586vw;
    padding-right: 20px;
    padding-right: 1.46413vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .faq-label {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-right: 0;
    font-size: 13px;
    line-height: 16px;
  }
}

.section-faq .faq-text {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: keep-all;
  word-wrap: break-word;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .section-faq .faq-text {
    width: 792px;
    width: 57.9795vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .faq-text {
    width: 100%;
    height: 38px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.section-faq .accordion-item.is-show {
  background-color: #fff;
}

.section-faq .accordion-item.is-show .accordion-content {
  border-top: none;
}

@media screen and (max-width: 768px) {
  .section-faq .accordion-item.is-show .accordion-content {
    border-top: 1px solid #dbdbdb;
  }
}

.section-faq .accordion-item .btn-accordion {
  padding: 36px 40px 35px;
}

@media screen and (max-width: 1365px) {
  .section-faq .accordion-item .btn-accordion {
    padding: 36px 40px 35px;
    padding: 2.63543vw 2.92826vw 2.56223vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .accordion-item .btn-accordion {
    padding: 18px 15px 15px;
  }
}

.section-faq .accordion-item .btn-accordion-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 148px;
}

@media screen and (max-width: 1365px) {
  .section-faq .accordion-item .btn-accordion-text {
    padding-right: 148px;
    padding-right: 10.83455vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .accordion-item .btn-accordion-text {
    display: block;
    padding-right: 15px;
  }
}

.section-faq .accordion-content {
  padding: 0 204px 23px;
  border-top: none;
}

@media screen and (max-width: 1365px) {
  .section-faq .accordion-content {
    padding: 0px 204px 23px;
    padding: 0vw 14.93411vw 1.68375vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .accordion-content {
    padding: 18px 15px 17px;
  }
}

.section-faq .icon-plus-minus {
  padding: 8px;
}

@media screen and (max-width: 1365px) {
  .section-faq .icon-plus-minus {
    padding: 8px;
    padding: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .icon-plus-minus {
    padding: 6px;
  }
}

.section-faq .icon-plus-minus:before, .section-faq .icon-plus-minus:after {
  width: 16px;
}

@media screen and (max-width: 1365px) {
  .section-faq .icon-plus-minus:before, .section-faq .icon-plus-minus:after {
    width: 16px;
    width: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .section-faq .icon-plus-minus:before, .section-faq .icon-plus-minus:after {
    width: 12px;
  }
}

.section-product .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-top: 120px;
}

@media screen and (max-width: 1365px) {
  .section-product .container {
    padding-top: 120px;
    padding-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 85px;
  }
}

.section-product .breadcrumb {
  position: absolute;
  top: 40px;
  right: 0;
}

@media screen and (max-width: 1365px) {
  .section-product .breadcrumb {
    right: 24px;
    top: 40px;
    top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .breadcrumb {
    top: 31px;
  }
}

.section-product .product-gallery {
  -ms-flex-preferred-size: 588px;
  flex-basis: 588px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  position: relative;
  padding-bottom: 54px;
}

@media screen and (max-width: 1365px) {
  .section-product .product-gallery {
    -ms-flex-preferred-size: 588px;
    flex-basis: 588px;
    -ms-flex-preferred-size: 43.04539vw;
    flex-basis: 43.04539vw;
    padding-bottom: 54px;
    padding-bottom: 3.95315vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-gallery {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-bottom: 40px;
  }
}

.section-product .product-gallery::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 586px;
  height: 586px;
  border: 1px solid #dbdbdb;
  pointer-events: none;
  content: '';
}

@media screen and (max-width: 1365px) {
  .section-product .product-gallery::after {
    width: 585px;
    width: 42.82577vw;
    height: 585px;
    height: 42.82577vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-gallery::after {
    width: calc(100% - 2px);
    height: auto;
    padding-top: calc(100% - 2px);
  }
}

.section-product .product-gallery-image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-product .product-gallery .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 588px;
  height: 588px;
  padding: 88px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-product .product-gallery .swiper-slide {
    width: 588px;
    width: 43.04539vw;
    height: 588px;
    height: 43.04539vw;
    padding: 88px;
    padding: 6.44217vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-gallery .swiper-slide {
    width: 100%;
    height: auto;
    padding: 36px;
  }
  .section-product .product-gallery .swiper-slide::after {
    display: block;
    padding-bottom: 100%;
    content: '';
  }
}

.section-product .product-gallery .swiper-button-prev,
.section-product .product-gallery .swiper-button-next {
  top: calc(50% - 27px);
  width: auto;
  height: auto;
}

@media screen and (max-width: 1365px) {
  .section-product .product-gallery .swiper-button-prev,
  .section-product .product-gallery .swiper-button-next {
    top: calc(50% - 1.97657vw);
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-gallery .swiper-button-prev,
  .section-product .product-gallery .swiper-button-next {
    top: calc(50% - 20px);
  }
}

.section-product .product-gallery .swiper-button-prev::after,
.section-product .product-gallery .swiper-button-next::after {
  font-size: 0;
}

.section-product .product-gallery .swiper-button-prev {
  left: 0;
}

.section-product .product-gallery .swiper-button-prev::after {
  width: 66px;
  height: 66px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -735px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .section-product .product-gallery .swiper-button-prev::after {
    width: 4.83163vw;
    height: 4.83vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -53.81vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-gallery .swiper-button-prev::after {
    width: 35px;
    height: 35px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 802.34848px 779.54545px;
    background-size: 802.34848px 779.54545px;
    background-position: -722.4px -389.77273px;
    background-repeat: no-repeat;
  }
}

.section-product .product-gallery .swiper-button-next {
  right: 0;
}

.section-product .product-gallery .swiper-button-next::after {
  width: 66px;
  height: 66px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -809px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .section-product .product-gallery .swiper-button-next::after {
    width: 4.83163vw;
    height: 4.83vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -59.22vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-gallery .swiper-button-next::after {
    width: 35px;
    height: 35px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 802.34848px 779.54545px;
    background-size: 802.34848px 779.54545px;
    background-position: -722.4px -429.01515px;
    background-repeat: no-repeat;
  }
}

.section-product .product-gallery .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-product .product-gallery .swiper-pagination-bullet {
    width: 12px;
    width: 0.87848vw;
    height: 12px;
    height: 0.87848vw;
    margin: 0px 5px;
    margin: 0vw 0.36603vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-gallery .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px;
  }
}

.section-product .product-gallery .swiper-pagination-bullet:only-child {
  display: inline-block !important;
}

.section-product .product-gallery .swiper-pagination-bullet-active {
  background-color: #ccc;
}

.section-product .product-gallery .swiper-pagination-lock {
  display: block;
}

.section-product .product-gallery .badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}

.section-product .product-detail {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 82px;
}

@media screen and (max-width: 1365px) {
  .section-product .product-detail {
    margin-left: 82px;
    margin-left: 6.00293vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-detail {
    margin-top: 28px;
    margin-left: 0;
  }
}

.section-product .product-detail .property-list {
  min-height: 359px;
}

@media screen and (max-width: 1365px) {
  .section-product .product-detail .property-list {
    min-height: 359px;
    min-height: 26.28111vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-detail .property-list {
    min-height: 0;
  }
}

.section-product .product-brand {
  display: inline-block;
  margin-top: 11px;
  color: #0079fa;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-product .product-brand {
    margin-top: 11px;
    margin-top: 0.80527vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-brand {
    margin-top: 11px;
    font-size: 15px;
    line-height: 18px;
  }
}

.section-product .product-name {
  margin-top: 3px;
  color: #212121;
  font-size: 40px;
  line-height: 48px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-product .product-name {
    margin-top: 3px;
    margin-top: 0.21962vw;
    font-size: 40px;
    font-size: 2.92826vw;
    line-height: 48px;
    line-height: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .product-name {
    margin-top: 4px;
    font-size: 25px;
    line-height: 30px;
  }
}

.section-product .tag {
  margin-left: 10px;
  color: #757575;
  font-size: 14px;
  line-height: 16px;
}

@media screen and (max-width: 1365px) {
  .section-product .tag {
    margin-left: 10px;
    margin-left: 0.73206vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .tag {
    margin-left: 8px;
    font-size: 12px;
    line-height: 14px;
  }
}

.section-product .tag-box {
  margin-left: -10px;
  font-size: 0;
}

@media screen and (max-width: 1365px) {
  .section-product .tag-box {
    margin-left: -10px;
    margin-left: -0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .tag-box {
    margin-left: -8px;
  }
}

.section-product .property-list {
  margin-top: 24px;
  border-top: 2px solid #212121;
}

@media screen and (max-width: 1365px) {
  .section-product .property-list {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .property-list {
    margin-top: 27px;
  }
}

.section-product .button {
  display: inline-block;
  width: 170px;
  padding: 18px 8px;
  border: 1px solid #191919;
  background-color: #191919;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .section-product .button {
    width: 170px;
    width: 12.4451vw;
    padding: 18px 8px;
    padding: 1.31772vw 0.58565vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .button {
    width: 100%;
    padding: 16px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
  }
}

.section-product .button.is-link::after {
  display: inline-block;
  margin-left: 6px;
  vertical-align: top;
  content: '';
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -828px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .section-product .button.is-link::after {
    margin-left: 6px;
    margin-left: 0.43924vw;
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -60.61vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-product .button.is-link::after {
    margin-left: 4px;
    width: 14px;
    height: 14px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1176.77778px 1143.33333px;
    background-size: 1176.77778px 1143.33333px;
    background-position: -644px -1121.55556px;
    background-repeat: no-repeat;
  }
}

.section-product .button-outline {
  border: 1px solid #0079fa;
  background-color: #fff;
  color: #0079fa;
}

.section-product .button-primary {
  border: 1px solid #0079fa;
  background-color: #0079fa;
}

.section-product .button-group {
  margin-top: 40px;
  font-size: 0;
}

@media screen and (max-width: 1365px) {
  .section-product .button-group {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .button-group {
    margin-top: 26px;
  }
}

.section-product .button + .button {
  margin-left: 10px;
}

@media screen and (max-width: 1365px) {
  .section-product .button + .button {
    margin-left: 10px;
    margin-left: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product .button + .button {
    margin-top: 8px;
    margin-left: 0;
  }
}

.section-product-detail {
  padding: 100px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-product-detail {
    padding: 100px 0px 200px;
    padding: 7.32064vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-detail {
    padding: 48px 0 120px;
  }
}

.section-product-detail .pagination {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .section-product-detail .pagination {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-detail .pagination {
    margin-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  .property-list.type-full {
    margin-top: 24px;
  }
}

.property-list.type-full .property-item {
  padding: 32px 0 31px;
}

@media screen and (max-width: 1365px) {
  .property-list.type-full .property-item {
    padding: 32px 0px 31px;
    padding: 2.34261vw 0vw 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .property-list.type-full .property-item {
    padding: 18px 0 17px;
  }
}

.property-list.type-full .property-name {
  -ms-flex-preferred-size: 296px;
  flex-basis: 296px;
  font-size: 16px;
  line-height: 28px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .property-list.type-full .property-name {
    -ms-flex-preferred-size: 296px;
    flex-basis: 296px;
    -ms-flex-preferred-size: 21.66911vw;
    flex-basis: 21.66911vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .property-list.type-full .property-name {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 13px;
    line-height: 16px;
  }
}

.property-list.type-full .property-value {
  font-size: 18px;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .property-list.type-full .property-value {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .property-list.type-full .property-value {
    font-size: 14px;
    line-height: 19px;
  }
}

.property-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 0 17px;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .property-item {
    padding: 18px 0px 17px;
    padding: 1.31772vw 0vw 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .property-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 13px 0;
  }
}

.property-name {
  -ms-flex-preferred-size: 140px;
  flex-basis: 140px;
  margin-right: 10px;
  color: #212121;
  font-size: 14px;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .property-name {
    -ms-flex-preferred-size: 140px;
    flex-basis: 140px;
    -ms-flex-preferred-size: 10.2489vw;
    flex-basis: 10.2489vw;
    margin-right: 10px;
    margin-right: 0.73206vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .property-name {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-right: 0;
    font-size: 12px;
    line-height: 18px;
  }
}

.property-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .property-content {
    margin-top: 6px;
    font-size: 14px;
    line-height: 17px;
  }
}

.property-value {
  display: block;
  color: #757575;
  font-size: 16px;
  line-height: 24px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .property-value {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .property-value {
    font-size: 14px;
    line-height: 19px;
  }
}

.property-value.is-link::before {
  display: inline-block;
  margin: 2px 6px 0 0;
  vertical-align: top;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1126px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .property-value.is-link::before {
    margin: 2px 6px 0px 0px;
    margin: 0.14641vw 0.43924vw 0vw 0vw;
    width: 1.1713vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -82.43vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .property-value.is-link::before {
    margin: 0 6px 0 0;
    width: 16px;
    height: 16px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1126px -1442px;
    background-repeat: no-repeat;
  }
}

.press-release-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 36px 30px 33px;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .press-release-link {
    padding: 36px 30px 33px;
    padding: 2.63543vw 2.19619vw 2.41581vw;
  }
}

@media screen and (max-width: 768px) {
  .press-release-link {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 18px 15px 17px;
  }
}

.press-release-number {
  -ms-flex-preferred-size: 56px;
  flex-basis: 56px;
  margin-right: 16px;
  color: #757575;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .press-release-number {
    -ms-flex-preferred-size: 56px;
    flex-basis: 56px;
    -ms-flex-preferred-size: 4.09956vw;
    flex-basis: 4.09956vw;
    margin-right: 16px;
    margin-right: 1.1713vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .press-release-number {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-right: 0;
    font-size: 13px;
    line-height: 16px;
  }
}

.press-release-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  .press-release-content {
    margin-top: 6px;
  }
}

.press-release-title {
  color: #212121;
  font-size: 18px;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .press-release-title {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .press-release-title {
    font-size: 14px;
    line-height: 18px;
  }
}

.press-release-desc {
  margin-top: 16px;
  color: #757575;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 24px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .press-release-desc {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .press-release-desc {
    margin-top: 8px;
    font-size: 13px;
    line-height: 18px;
  }
}

.press-release-date {
  -ms-flex-preferred-size: 210px;
  flex-basis: 210px;
  margin-left: 10px;
  color: #757575;
  text-align: right;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .press-release-date {
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px;
    -ms-flex-preferred-size: 15.37335vw;
    flex-basis: 15.37335vw;
    margin-left: 10px;
    margin-left: 0.73206vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .press-release-date {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 16px;
    margin-left: 0;
    text-align: left;
    font-size: 13px;
    line-height: 16px;
  }
}

.type-news .editor p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .type-news .editor p {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .type-news .editor p {
    font-size: 13px;
    line-height: 18px;
  }
}

.type-news .editor p:not(:first-child) {
  margin-top: 22px;
}

@media screen and (max-width: 1365px) {
  .type-news .editor p:not(:first-child) {
    margin-top: 22px;
    margin-top: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .type-news .editor p:not(:first-child) {
    margin-top: 12px;
  }
}

.type-news .editor img {
  max-width: 100%;
  width: auto;
  margin-top: 24px;
  margin-bottom: 0;
}

@media screen and (max-width: 1365px) {
  .type-news .editor img {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .type-news .editor img {
    margin-top: 12px;
  }
}

html:lang(en) .section-keyword .keyword-num {
  padding: 25px 26px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-keyword .keyword-num {
    padding: 25px 26px;
    padding: 1.83016vw 1.90337vw;
  }
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-keyword .keyword-num {
    padding: 22px;
  }
}

.section-product-list {
  padding: 118px 0;
}

@media screen and (max-width: 1365px) {
  .section-product-list {
    padding: 118px;
    padding: 8.63836vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-list {
    padding: 80px 0 120px;
  }
}

.section-product-list .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-product-list .container {
    display: block;
  }
}

.section-product-list .pagination {
  margin-top: 50px;
}

@media screen and (max-width: 1365px) {
  .section-product-list .pagination {
    margin-top: 50px;
    margin-top: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-list .pagination {
    margin-top: 50px;
  }
}

.section-product-list .suggested {
  border-bottom: 0;
}

.section-product-list .select-wrap {
  position: relative;
  height: 100%;
}

.section-product-list .select-wrap.is-selecting .select-inner {
  display: block;
}

.section-product-list .select-wrap .selected-cur.sort-link {
  width: 100%;
  height: 100%;
  border-left: 0;
}

.section-product-list .select-wrap .selected-cur:after {
  display: block;
  right: 7px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -724.12px -324px;
  background-repeat: no-repeat;
  content: '';
}

.section-product-list .select-inner {
  display: none;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  right: 0;
  left: -1px;
  z-index: 2;
  width: calc(100% + 1px);
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section-product-list .select-item {
  position: relative;
  margin-top: -1px;
  padding: 12px 7px 11px 10px;
  border: 1px solid #dbdbdb;
  font-size: 14px;
  line-height: 17px;
  color: #212121;
}

@media screen and (max-width: 768px) {
  .section-product-list .select-item.is-selected {
    background-color: #dbdbdb;
  }
}

.section-product-list .brand-selected {
  height: 100%;
}

.section-product-list .suggested-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: -4px;
}

.section-product-list .suggested-item {
  margin: 4px;
}

.section-product-list .badge {
  position: absolute;
  top: 20px;
  right: 19px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

@media screen and (max-width: 1365px) {
  .section-product-list .badge {
    top: 20px;
    top: 1.46413vw;
    right: 19px;
    right: 1.39092vw;
    font-size: 12px;
    font-size: 0.87848vw;
    line-height: 14px;
    line-height: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .section-product-list .badge {
    top: 23px;
    right: 23px;
    padding: 5px 11px 4px;
    font-size: 13px;
    line-height: 15px;
  }
}

.section-product-list .badge.is-new {
  background-color: #ff5b34;
}

.section-product-list .product-name {
  word-wrap: break-word;
  word-break: keep-all;
}

.product-filter-panel {
  width: 270px;
  padding-top: 112px;
}

@media screen and (max-width: 1365px) {
  .product-filter-panel {
    width: 270px;
    width: 19.76574vw;
    padding-top: 112px;
    padding-top: 8.19912vw;
  }
}

@media screen and (max-width: 768px) {
  .product-filter-panel {
    display: none;
  }
}

.product-sort-area {
  -ms-flex-preferred-size: calc(100%/3);
  flex-basis: calc(100%/3);
}

.product-search-form .product-input-search {
  cursor: pointer;
}

.product-search-form fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-search-form .btn-search {
  padding: 0 9px 0 10px;
}

@media screen and (max-width: 1365px) {
  .product-search-form .btn-search {
    padding: 0px 9px 0px 8px;
    padding: 0vw 0.65886vw 0vw 0.58565vw;
  }
}

.product-search-form .icon-find-product {
  width: 29px;
  height: 29px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1096.925px 1065.75px;
  background-size: 1096.925px 1065.75px;
  background-position: -107.3px -1010.65px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .product-search-form .icon-find-product {
    width: 2.12299vw;
    height: 2.12vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 80.3vw 78.02vw;
    background-size: 80.3vw 78.02vw;
    background-position: -7.86vw -73.99vw;
    background-repeat: no-repeat;
  }
}

.product-search-form .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #0079fa;
}

.product-search-form .form:hover {
  background: #f8fbff;
}

.product-input-search {
  width: 220px;
  padding: 16px;
  border: none;
  background: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .product-input-search {
    width: 220px;
    width: 16.10542vw;
    padding: 16px;
    padding: 1.1713vw;
    font-size: 20px;
    font-size: 1.46413vw;
    font-weight: 700;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

.product-input-search::-webkit-input-placeholder {
  color: #212121;
}

.product-input-search::-moz-placeholder {
  color: #212121;
}

.product-input-search:-ms-input-placeholder {
  color: #212121;
}

.product-input-search::-ms-input-placeholder {
  color: #212121;
}

.product-input-search::placeholder {
  color: #212121;
}

.product-input-search:focus {
  outline: none;
}

.product-search-notice {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .product-search-notice {
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 12px;
    font-size: 0.87848vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

.product-accordion-item {
  margin-top: 47px;
}

@media screen and (max-width: 1365px) {
  .product-accordion-item {
    margin-top: 47px;
    margin-top: 3.4407vw;
  }
}

.product-accordion-item.is-show .product-btn-accordion {
  border-top-color: #0079fa;
}

.product-accordion-item.is-show .icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-accordion-item:first-child .product-accordion-content {
  padding-bottom: 0;
  border-bottom: 0;
}

.product-accordion-item.is-english .product-btn-accordion {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.product-accordion-item.is-english .btn-accordion-text {
  line-height: 1.35;
  display: block;
  width: calc(100% - 30px);
  text-align: left;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .product-accordion-item.is-english .btn-accordion-text {
    width: calc(100% - 2.196vw);
    font-size: 15px;
    font-size: 1.0981vw;
  }
}

.product-accordion-item.is-english .classify-item {
  width: 100%;
}

.product-accordion-item.is-english .classify-item:not(:first-child) {
  margin-top: 22px;
  margin-left: 0;
}

@media screen and (max-width: 1365px) {
  .product-accordion-item.is-english .classify-item:not(:first-child) {
    margin-top: 22px;
    margin-top: 1.61054vw;
  }
}

.product-accordion-item.is-english .classify-link {
  font-size: 15px;
}

@media screen and (max-width: 1365px) {
  .product-accordion-item.is-english .classify-link {
    font-size: 15px;
    font-size: 1.0981vw;
  }
}

.product-btn-accordion {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 14px 0 15px;
  border-top: 2px solid #212121;
  border-bottom: 1px solid #ccc;
  color: #dbdbdb;
}

.product-btn-accordion .icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

@media screen and (max-width: 1365px) {
  .product-btn-accordion {
    padding: 14px 0px 15px;
    padding: 1.02489vw 0vw 1.0981vw;
  }
}

.product-btn-accordion .btn-accordion-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .product-btn-accordion .btn-accordion-text {
    font-size: 20px;
    font-size: 1.46413vw;
    font-weight: 700;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

.product-btn-accordion i {
  margin-left: auto;
}

.product-btn-accordion .text-highlight {
  color: #212121;
}

.product-accordion-content {
  padding: 32px 0 34px;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .product-accordion-content {
    padding: 23px 0px 34px;
    padding: 1.68375vw 0vw 2.48902vw;
  }
}

.product-filter-result {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 856px;
  margin-left: 74px;
}

@media screen and (max-width: 1365px) {
  .product-filter-result {
    max-width: 856px;
    max-width: 62.66471vw;
    margin-left: 74px;
    margin-left: 5.41728vw;
  }
}

@media screen and (max-width: 768px) {
  .product-filter-result {
    max-width: 100%;
    margin-left: 0;
  }
}

.product-filter-result .suggested-link {
  padding: 6px 11px;
  border-color: #dbdbdb;
  line-height: 16px;
}

@media screen and (max-width: 1365px) {
  .product-filter-result .suggested-link {
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
    padding: 6px 11px;
    padding: 0.43924vw 0.80527vw;
  }
}

@media screen and (max-width: 768px) {
  .product-filter-result .suggested-link {
    font-size: 13px;
    line-height: 15px;
    padding: 8px 15px 7px;
  }
}

.product-filter-result.result-none .product-result-body {
  padding: 183px 181px;
  text-align: center;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .product-filter-result.result-none .product-result-body {
    padding: 183px 181px;
    padding: 13.39678vw 13.25037vw;
  }
}

@media screen and (max-width: 768px) {
  .product-filter-result.result-none .product-result-body {
    padding: 120px 0;
  }
}

.product-filter-result.result-none .suggested-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 416px;
  margin: 50px auto -6px auto;
}

@media screen and (max-width: 1365px) {
  .product-filter-result.result-none .suggested-list {
    max-width: 416px;
    max-width: 30.45388vw;
    margin: -6px;
    margin: -0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .product-filter-result.result-none .suggested-list {
    max-width: 300px;
    margin: 38px auto -4px auto;
  }
}

.product-filter-result.result-none .suggested-link {
  font-size: 14px;
  line-height: 16px;
}

@media screen and (max-width: 1365px) {
  .product-filter-result.result-none .suggested-link {
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .product-filter-result.result-none .suggested-link {
    padding: 7px 15px;
    font-size: 13px;
    line-height: 15px;
  }
}

.product-filter-result.result-none .suggested-title {
  color: #212121;
  font-size: 28px;
  font-weight: 700;
  line-height: 37px;
}

@media screen and (max-width: 1365px) {
  .product-filter-result.result-none .suggested-title {
    font-size: 28px;
    font-size: 2.04978vw;
    line-height: 37px;
    line-height: 2.70864vw;
  }
}

@media screen and (max-width: 768px) {
  .product-filter-result.result-none .suggested-title {
    font-size: 20px;
    line-height: 26px;
  }
}

.product-filter-result.result-none .suggested-item {
  margin: 6px;
}

@media screen and (max-width: 1365px) {
  .product-filter-result.result-none .suggested-item {
    margin-top: 6px;
    margin-top: 0.43924vw;
    margin-left: 6px;
    margin-left: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .product-filter-result.result-none .suggested-item {
    margin: 4px;
  }
}

.product-result-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 80px;
}

@media screen and (max-width: 1365px) {
  .product-result-head {
    min-height: 80px;
    min-height: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .product-result-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.product-result-title {
  width: calc(100% - 160px);
  color: #212121;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .product-result-title {
    width: calc(100% - 11.713vw);
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .product-result-title {
    width: 100%;
    font-size: 20px;
    line-height: 26px;
  }
}

.product-result-title .text-highlight {
  color: #0079fa;
}

.product-sort-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .product-sort-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: -1px;
    width: calc(100% + 1px);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}

@media screen and (max-width: 768px) {
  .product-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 20px;
  }
}

.product-tools [class*="btn-"],
.product-tools .sort-link {
  font-size: 17px;
  line-height: 20px;
  color: #757575;
  padding: 10px 0;
  white-space: nowrap;
}

@media screen and (max-width: 1365px) {
  .product-tools [class*="btn-"],
  .product-tools .sort-link {
    font-size: 17px;
    font-size: 1.24451vw;
    line-height: 20px;
    line-height: 1.46413vw;
    padding: 10px 0px;
    padding: 0.73206vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .product-tools [class*="btn-"],
  .product-tools .sort-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(calc(100% + 4px)/3);
    padding: 7px 6px 7px 9px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    line-height: 17px;
    color: #212121;
  }
}

.product-tools [class*="btn-"]:not(:first-child),
.product-tools .sort-link:not(:first-child) {
  border-left: 0;
}

.product-sort-item {
  position: relative;
}

.product-sort-item.is-selected .sort-link {
  color: #0079fa;
}

@media screen and (max-width: 768px) {
  .product-sort-item.is-selected .sort-link {
    background-color: #dbdbdb;
    color: #757575;
  }
}

.product-sort-item:not(:first-child) {
  margin-left: 41px;
}

@media screen and (max-width: 1365px) {
  .product-sort-item:not(:first-child) {
    margin-left: 41px;
    margin-left: 3.00146vw;
  }
}

.product-sort-item:not(:first-child)::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -21px;
  width: 1px;
  height: 14px;
  background-color: #ccc;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media screen and (max-width: 1365px) {
  .product-sort-item:not(:first-child)::before {
    left: -21px;
    left: -1.53734vw;
    height: 21px;
    height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .product-sort-item:not(:first-child)::before {
    display: none;
    width: 100%;
  }
}

.product-result-body {
  margin-top: 32px;
}

@media screen and (max-width: 1365px) {
  .product-result-body {
    margin-top: 32px;
    margin-top: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .product-result-body {
    margin-top: 12px;
  }
}

.product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding: 19px 19px 32px;
}

@media screen and (max-width: 1365px) {
  .product-info {
    padding: 19px 19px 32px;
    padding: 1.39092vw 1.39092vw 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .product-info {
    padding: 24px 24px 32px;
  }
}

.product-distribute {
  font-size: 14px;
  line-height: 16px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .product-distribute {
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .product-distribute {
    font-size: 15px;
    line-height: 18px;
  }
}

.product-name {
  min-height: 46px;
  margin-top: 6px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .product-name {
    min-height: 46px;
    min-height: 3.3675vw;
    margin-top: 6px;
    margin-top: 0.43924vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .product-name {
    margin-top: 5px;
    font-size: 20px;
    line-height: 24px;
  }
}

.product-thumb {
  position: relative;
  padding-bottom: 66.67%;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .product-thumb {
    margin-top: 36px;
  }
}

.product-thumb img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-result-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 1px;
  margin-top: 1px;
}

@media screen and (max-width: 1365px) {
  .product-result-list {
    width: calc(100% + 1px);
  }
}

@media screen and (max-width: 768px) {
  .product-result-list {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
}

.product-result-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: calc(100%/3 + 1px);
  flex-basis: calc(100%/3 + 1px);
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .product-result-item {
    -ms-flex-preferred-size: calc(50%);
    flex-basis: calc(50%);
  }
}

@media screen and (max-width: 768px) {
  .product-result-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}

@media screen and (min-width: 1366px) {
  .product-result-item:hover {
    z-index: 2;
    border: 1px solid #0079fa;
  }
  .product-result-item:hover::after {
    border-color: #0079fa;
  }
  .product-result-item:hover .product-info {
    background-color: #f8fbff;
  }
  .product-result-item:hover .see-more-link {
    visibility: visible;
    border-top: 1px solid #0079fa;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .product-result-item:hover .suggested-item {
    visibility: hidden;
    opacity: 0;
  }
  .product-result-item:hover .suggested {
    background-color: #f8fbff;
  }
}

@media screen and (max-width: 1365px) {
  .product-result-item:nth-child(n + 3) {
    margin-top: -1px;
  }
}

@media screen and (max-width: 768px) {
  .product-result-item:not(:first-child) {
    margin-top: 50px;
  }
}

.product-result-item .suggested {
  padding: 0 14px 19px;
}

@media screen and (max-width: 1365px) {
  .product-result-item .suggested {
    padding: 0px 14px 19px;
    padding: 0vw 1.02489vw 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .product-result-item .suggested {
    padding: 0 14px 19px;
  }
}

.product-result-item .suggested-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-result-item .suggested-list .btn-suggested {
  font-size: 12px;
  line-height: 14px;
}

@media screen and (max-width: 1365px) {
  .product-result-item .suggested-list .btn-suggested {
    font-size: 12px;
    font-size: 0.87848vw;
    line-height: 14px;
    line-height: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .product-result-item .suggested-list .btn-suggested {
    font-size: 13px;
    line-height: 16px;
  }
}

.product-result-item .suggested-item {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-result-item .see-more-link {
  visibility: hidden;
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  padding: 15px 16px;
  border-bottom: 1px solid #0079fa;
  background-color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #0079fa;
  text-align: center;
  opacity: 0;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

@media screen and (max-width: 1365px) {
  .product-result-item .see-more-link {
    visibility: visible;
    top: 0;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
  }
}

.product-filter-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color: #212121;
}

.product-filter-info .filter-info-item:not(:first-child)::before {
  margin: 0 3px;
  content: ">";
}

.classify-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -22px;
}

@media screen and (max-width: 1365px) {
  .classify-list {
    margin-top: -22px;
    margin-top: -1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .classify-list {
    margin-top: 28px;
  }
}

.classify-item {
  width: calc(50% - 15px/2);
  margin-top: 22px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .classify-item {
    width: calc(50% - 1.0981vw/2);
    margin-top: 22px;
    margin-top: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .classify-item {
    width: calc(50% - 7px);
    margin-top: 18px;
  }
}

.classify-item:nth-child(even) {
  margin-left: 15px;
}

@media screen and (max-width: 1365px) {
  .classify-item:nth-child(even) {
    margin-left: 15px;
    margin-left: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .classify-item:nth-child(even) {
    margin-left: 14px;
  }
}

.classify-item.is-active .classify-link {
  color: #212121;
}

.classify-item.is-active .classify-quality {
  color: #0079fa;
}

.classify-link {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #ccc;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (min-width: 1366px) {
  .classify-link:hover {
    color: #212121;
  }
  .classify-link:hover .classify-quality {
    color: #0079fa;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
}

@media screen and (max-width: 1365px) {
  .classify-link {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .classify-link {
    font-size: 17px;
    line-height: 20px;
    color: #212121;
  }
}

.classify-quality {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #ccc;
  vertical-align: top;
}

@media screen and (max-width: 1365px) {
  .classify-quality {
    margin-left: 4px;
    margin-left: 0.29283vw;
    font-size: 12px;
    font-size: 0.87848vw;
    line-height: 14px;
    line-height: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .classify-quality {
    margin-left: 3px;
    font-size: 11px;
    line-height: 13px;
    color: #0079fa;
  }
}

html:lang(en) .product-result-title {
  width: calc(100% - 200px);
}

@media screen and (max-width: 1365px) {
  html:lang(en) .product-result-title {
    width: calc(100% - 14.641vw);
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .product-result-title {
    width: 100%;
  }
}

html:lang(en) .product-tools .sort-link {
  font-size: 15px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .product-tools .sort-link {
    font-size: 15px;
    font-size: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .product-tools .sort-link {
    font-size: 15px;
  }
}

html:lang(en) .product-input-search {
  font-size: 15px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .product-input-search {
    font-size: 15px;
    font-size: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .product-input-search {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .page-news-room .section-title .page-desc {
    min-height: 87px;
    margin-top: 22px;
    font-size: 18px;
    line-height: 24px;
  }
}

.section-detail .container {
  position: relative;
  padding-top: 97px;
}

@media screen and (max-width: 1365px) {
  .section-detail .container {
    padding-top: 97px;
    padding-top: 7.10102vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .container {
    padding-top: 99px;
  }
}

.section-detail .breadcrumb {
  position: absolute;
  top: 40px;
  right: 0;
}

@media screen and (max-width: 1365px) {
  .section-detail .breadcrumb {
    top: 40px;
    top: 2.92826vw;
    right: 24px;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .breadcrumb {
    top: 30px;
    right: 24px;
  }
}

.section-detail .btn-back {
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .section-detail .btn-back {
    padding-left: 24px;
    padding-left: 1.75695vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .btn-back {
    padding-left: 19px;
    font-size: 14px;
    line-height: 17px;
  }
}

.section-detail .btn-back::before {
  left: 0;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -418px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .section-detail .btn-back::before {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -30.6vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .btn-back::before {
    width: 16px;
    height: 16px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -334.4px -1153.6px;
    background-repeat: no-repeat;
  }
}

.section-detail .detail {
  max-width: 792px;
  margin: 36px auto 0;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail {
    margin-top: 33px;
    margin-top: 2.41581vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail {
    margin-top: 24px;
  }
}

.section-detail .detail .brand-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #757575;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail .brand-name {
    font-size: 18px;
    line-height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail .brand-name {
    font-size: 14px;
    line-height: 17px;
  }
}

.section-detail .detail .brand-name .btn-view-detail {
  display: inline-block;
  padding: 5px 15px;
  background-color: #0379fa;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail .brand-name .btn-view-detail {
    padding: 5px 15px;
    padding: 0.36603vw 1.0981vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail .brand-name .btn-view-detail {
    padding: 4px 11px 5px;
    font-size: 13px;
    line-height: 15px;
  }
}

.section-detail .detail .brand-name + .detail-title {
  margin-top: 17px;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail .brand-name + .detail-title {
    margin-top: 17px;
    margin-top: 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail .brand-name + .detail-title {
    margin-top: 20px;
  }
}

.section-detail .detail .brand-name + .detail-name-product {
  margin-top: 10px;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail .brand-name + .detail-name-product {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail .brand-name + .detail-name-product {
    margin-top: 6px;
  }
}

.section-detail .detail-title {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  color: #191919;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-title {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 44px;
    line-height: 3.22108vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 21px;
    line-height: 28px;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.section-detail .detail-name-product {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #191919;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-name-product {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-name-product {
    font-size: 21px;
    line-height: 28px;
  }
}

.section-detail .detail-date {
  display: block;
  margin-top: 19px;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-date {
    margin-top: 19px;
    margin-top: 1.39092vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-date {
    margin-top: 15px;
    font-size: 13px;
    line-height: 16px;
  }
}

.section-detail .detail-content {
  margin-top: 40px;
  padding-top: 64px;
  border-top: 2px solid #212121;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-content {
    margin-top: 40px;
    margin-top: 2.92826vw;
    padding-top: 64px;
    padding-top: 4.68521vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-content {
    margin-top: 19px;
    padding-top: 40px;
    font-size: 15px;
    line-height: 21px;
  }
}

.section-detail .detail-thumb {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66.668%;
}

@media screen and (max-width: 768px) {
  .section-detail .detail-thumb {
    padding-bottom: 66.67%;
  }
}

.section-detail .detail-thumb img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-detail .detail-thumb + .text {
  margin-top: 62px;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-thumb + .text {
    margin-top: 62px;
    margin-top: 4.5388vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-thumb + .text {
    margin-top: 40px;
  }
}

.section-detail .detail-file {
  margin-top: 62px;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-file {
    margin-top: 62px;
    margin-top: 4.5388vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-file {
    margin-top: 38px;
  }
}

.section-detail .detail-file .file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 34px 0;
  border-top: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-file .file {
    padding: 34px 0px;
    padding: 2.48902vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-file .file {
    padding: 21px 0 18px;
  }
}

.section-detail .detail-file .file-title {
  display: block;
  -ms-flex-preferred-size: 104px;
  flex-basis: 104px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-file .file-title {
    -ms-flex-preferred-size: 124px;
    flex-basis: 124px;
    -ms-flex-preferred-size: 9.0776vw;
    flex-basis: 9.0776vw;
    margin-right: 20px;
    margin-right: 1.46413vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-file .file-title {
    -ms-flex-preferred-size: 62px;
    flex-basis: 62px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 17px;
  }
}

.section-detail .detail-file .file-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: calc(100% - 124px);
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-file .file-link {
    max-width: calc(100% - 9.084vw);
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-file .file-link {
    max-width: calc(100% - 81px);
  }
}

.section-detail .detail-file .file-link:after {
  display: block;
  margin-top: -3px;
  margin-left: 11px;
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1815.6px 1764px;
  background-size: 1815.6px 1764px;
  background-position: -636px -1730.4px;
  background-repeat: no-repeat;
  content: "";
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-file .file-link:after {
    margin-top: -3px;
    margin-top: -0.21962vw;
    margin-left: 11px;
    margin-left: 0.80527vw;
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 132.91vw 129.14vw;
    background-size: 132.91vw 129.14vw;
    background-position: -46.56vw -126.68vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-file .file-link:after {
    margin-top: -3px;
    margin-left: 8px;
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -408px;
    background-repeat: no-repeat;
  }
}

.section-detail .detail-file .file-text {
  display: block;
  max-width: calc(100% - 35px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-file .file-text {
    max-width: calc(100% - 2.564vw);
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-file .file-text {
    max-width: calc(100% - 32px);
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 18px;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.section-detail .detail-content-title {
  position: relative;
  padding-right: 170px;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-content-title {
    padding-right: 170px;
    padding-right: 12.4451vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-content-title {
    padding-right: 130px;
  }
}

.section-detail .detail-content-title .btn-view {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px 29px 9px;
  border: 1px solid #0079fa;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .section-detail .detail-content-title .btn-view {
    padding: 10px 29px 9px;
    padding: 0.73206vw 2.12299vw 0.65886vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .detail-content-title .btn-view {
    bottom: 2px;
    padding: 8px 22px 6px;
    font-size: 13px;
    line-height: 16px;
  }
}

@media screen and (min-width: 1366px) {
  .section-detail .detail-content-title .btn-view:hover {
    background-color: #f8fbff;
  }
}

.section-detail .changes-permits .detail-content {
  padding-top: 48px;
}

@media screen and (max-width: 1365px) {
  .section-detail .changes-permits .detail-content {
    padding-top: 48px;
    padding-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .changes-permits .detail-content {
    padding-top: 28px;
  }
}

.section-detail .changes-permits .editor {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .section-detail .changes-permits .editor {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .changes-permits .editor {
    margin-top: 28px;
  }
}

.section-detail .academic_materials .detail-content {
  padding-top: 32px;
}

@media screen and (max-width: 1365px) {
  .section-detail .academic_materials .detail-content {
    padding-top: 32px;
    padding-top: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail .academic_materials .detail-content {
    padding-top: 28px;
  }
}

.section-entry-point-post {
  padding: 64px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-entry-point-post {
    padding: 64px 0px 200px;
    padding: 4.68521vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point-post {
    padding: 40px 0 120px;
  }
}

.section-entry-point-post .entry-point-post {
  max-width: 792px;
  margin: 0 auto;
  border-top: 2px solid #212121;
}

.section-entry-point-post .post-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 25px 0 24px;
  border-bottom: 1px solid #dbdbdb;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .section-entry-point-post .post-link {
    padding: 25px 0px 24px;
    padding: 1.83016vw 0vw 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point-post .post-link {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 19px 0 17px;
  }
}

.section-entry-point-post .post-link-unavailable .post-title {
  font-weight: 700;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-entry-point-post .post-btn-text {
  display: block;
  -ms-flex-preferred-size: 110px;
  flex-basis: 110px;
  position: relative;
  padding: 0 20px 0 38px;
  color: #212121;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .section-entry-point-post .post-btn-text {
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px;
    -ms-flex-preferred-size: 8.05271vw;
    flex-basis: 8.05271vw;
    padding: 0px 20px 0px 38px;
    padding: 0vw 1.46413vw 0vw 2.78184vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point-post .post-btn-text {
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    padding: 0 10px 0 19px;
    font-size: 14px;
    line-height: 17px;
  }
}

.section-entry-point-post .post-btn-text:before {
  left: 0;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.section-entry-point-post .post-btn-prev:before {
  width: 30px;
  height: 30px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -958px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .section-entry-point-post .post-btn-prev:before {
    width: 2.19619vw;
    height: 2.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -70.13vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point-post .post-btn-prev:before {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -479px -697px;
    background-repeat: no-repeat;
  }
}

.section-entry-point-post .post-btn-next:before {
  width: 30px;
  height: 30px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -920px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .section-entry-point-post .post-btn-next:before {
    width: 2.19619vw;
    height: 2.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -67.35vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point-post .post-btn-next:before {
    width: 15px;
    height: 15px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -460px -697px;
    background-repeat: no-repeat;
  }
}

.section-entry-point-post .post-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  padding: 0 30px 0 21px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-entry-point-post .post-title {
    padding: 0px 30px 0px 21px;
    padding: 0vw 2.19619vw 0vw 1.53734vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point-post .post-title {
    padding: 0 0 0 10px;
    font-size: 14px;
    line-height: 19px;
  }
}

.section-entry-point-post .post-title:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #ccc;
  content: "";
}

@media screen and (max-width: 1365px) {
  .section-entry-point-post .post-title:before {
    top: 9px;
    top: 0.65886vw;
    height: 12px;
    height: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point-post .post-title:before {
    top: 4px;
    height: 10px;
  }
}

.section-entry-point-post .post-date {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .section-entry-point-post .post-date {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .section-entry-point-post .post-date {
    width: 100%;
    margin-top: 9px;
    padding-left: 80px;
    font-size: 13px;
    line-height: 15px;
  }
}

.section-sns-list {
  max-width: 996px;
  margin: 0 auto;
  padding: 108px 0 140px;
}

@media screen and (max-width: 1365px) {
  .section-sns-list {
    padding: 108px 0px 140px;
    padding: 7.9063vw 0vw 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list {
    max-width: 100%;
    padding: 48px 0 120px;
  }
}

.section-sns-list .category-sns-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .section-sns-list .category-sns-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 270px;
    margin-left: -16px;
  }
}

.section-sns-list .category-sns-list .btn-tab {
  display: block;
  padding: 0;
  color: #ccc;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .section-sns-list .category-sns-list .btn-tab {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .category-sns-list .btn-tab {
    font-size: 16px;
    line-height: 19px;
  }
}

.section-sns-list .category-sns-list .text {
  display: block;
  position: relative;
  padding: 12px 33px 12px 32px;
}

@media screen and (max-width: 1365px) {
  .section-sns-list .category-sns-list .text {
    padding: 12px 32px;
    padding: 0.87848vw 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .category-sns-list .text {
    padding: 8px 17px 8px 16px;
  }
}

.section-sns-list .category-sns-list .text::before {
  top: auto;
  bottom: 0;
  width: 4px;
  height: 4px;
  padding: 0;
  border-radius: 100%;
  background-color: #0079fa;
  opacity: 0;
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 1365px) {
  .section-sns-list .category-sns-list .text::before {
    width: 4px;
    width: 0.29283vw;
    height: 4px;
    height: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .category-sns-list .text::before {
    width: 4px;
    height: 4px;
  }
}

.section-sns-list .category-sns-list .text::after {
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  font-weight: bold;
  content: attr(data-value);
}

.section-sns-list .category-sns-item {
  position: relative;
}

@media screen and (max-width: 768px) {
  .section-sns-list .category-sns-item {
    margin-top: 11px;
  }
}

.section-sns-list .category-sns-item::before {
  content: none;
}

.section-sns-list .category-sns-item:not(:last-child)::after {
  right: 0;
  width: 1px;
  height: 10px;
  background-color: #dbdbdb;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .section-sns-list .category-sns-item:not(:last-child)::after {
    height: 10px;
    height: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .category-sns-item:not(:last-child)::after {
    height: 10px;
  }
}

@media screen and (min-width: 1366px) {
  .section-sns-list .category-sns-item:hover .btn-tab {
    font-weight: 700;
    color: #212121;
  }
  .section-sns-list .category-sns-item:hover .btn-tab .icon-outlink {
    width: 13.4px;
    height: 13.4px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -474.85px -417px;
    background-repeat: no-repeat;
  }
  .section-sns-list .category-sns-item:hover .text::before {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .category-sns-item:nth-child(-n + 3) {
    margin-top: 0;
  }
}

.section-sns-list .category-sns-item.is-active .btn-tab {
  font-weight: 700;
  color: #212121;
}

.section-sns-list .category-sns-item.is-active .btn-tab .icon-outlink {
  width: 13.4px;
  height: 13.4px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -474.85px -417px;
  background-repeat: no-repeat;
}

.section-sns-list .category-sns-item.is-active .text::before {
  opacity: 1;
}

.section-sns-list .is-outlink .text {
  margin-right: 53px;
}

@media screen and (max-width: 1365px) {
  .section-sns-list .is-outlink .text {
    margin-right: 53px;
    margin-right: 3.87994vw;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .is-outlink .text {
    margin-right: 0;
  }
}

.section-sns-list .icon-outlink {
  margin-left: 8px;
  width: 13.4px;
  height: 13.4px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -496.25px -417px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .section-sns-list .icon-outlink {
    margin-left: 8px;
    margin-left: 0.58565vw;
    width: 0.95168vw;
    height: 0.95vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 107.46vw 104.4vw;
    background-size: 107.46vw 104.4vw;
    background-position: -35.24vw -29.62vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .icon-outlink {
    margin-left: 8px;
    width: 12px;
    height: 12px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1354.92537px 1316.41791px;
    background-size: 1354.92537px 1316.41791px;
    background-position: -444.40299px -373.43284px;
    background-repeat: no-repeat;
  }
}

.section-sns-list .thumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 60px;
}

@media screen and (max-width: 1365px) {
  .section-sns-list .thumb-list {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .thumb-list {
    margin-top: 32px;
  }
}

.section-sns-list .thumb-item {
  position: relative;
  width: calc((100% - 24px) / 3);
  margin-top: 12px;
  margin-left: 12px;
  padding-top: calc((100% - 24px) / 3);
}

@media screen and (max-width: 768px) {
  .section-sns-list .thumb-item {
    width: calc((100% - 12px) / 3);
    margin-top: 6px;
    margin-left: 6px;
    padding-top: calc((100% - 12px) / 3);
  }
}

.section-sns-list .thumb-item:nth-child(3n-2) {
  margin-left: 0;
}

.section-sns-list .thumb-item:nth-child(-n + 3) {
  margin-top: 0;
}

.section-sns-list .thumb-item img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-sns-list .pagination {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .section-sns-list .pagination {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-sns-list .pagination {
    margin-top: 50px;
  }
}

.section-announcement {
  padding: 80px 0 140px;
}

@media screen and (max-width: 1365px) {
  .section-announcement {
    padding: 80px 0px 140px;
    padding: 5.85652vw 0vw 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .section-announcement {
    padding: 55px 0 120px;
  }
}

.section-announcement .tab.type-full .tab-content {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .section-announcement .tab.type-full .tab-content {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .section-announcement .tab.type-full .tab-content {
    margin-top: 40px;
  }
}

.section-announcement .tab.type-full .tab-item:first-child .btn-tab {
  padding-left: 8px;
}

.section-announcement .tab.type-full .tab-item.is-active .btn-tab {
  color: #0079fa;
}

.section-announcement .tab.type-full .tab-item.is-active .btn-tab::after {
  height: 4px;
  background-color: #0079fa;
}

@media screen and (max-width: 768px) {
  .section-announcement .tab.type-full .tab-item.is-active .btn-tab::after {
    height: 2px;
  }
}

@media screen and (max-width: 768px) {
  .section-announcement .tab.type-full .btn-tab {
    padding: 8px;
    font-size: 16px;
    line-height: 19px;
  }
}

.section-announcement .data-list {
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .section-announcement .data-list {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-announcement .data-list {
    margin-top: 20px;
  }
}

.section-announcement .grid-list {
  margin-top: 28px;
}

@media screen and (max-width: 1365px) {
  .section-announcement .grid-list {
    margin-top: 28px;
    margin-top: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-announcement .grid-list {
    margin-top: 20px;
  }
}

.section-announcement .pagination {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .section-announcement .pagination {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-announcement .pagination {
    margin-top: 50px;
  }
}

.section-announcement .notice-area {
  margin: 40px 0 60px;
}

@media screen and (max-width: 1365px) {
  .section-announcement .notice-area {
    margin: 40px 0px 60px;
    margin: 2.92826vw 0vw 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .section-announcement .notice-area {
    margin: 20px 0 0;
  }
}

.section-press-release {
  padding: 120px 0 140px;
}

@media screen and (max-width: 1365px) {
  .section-press-release {
    padding: 120px 0px 140px;
    padding: 8.78477vw 0vw 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release {
    padding: 81px 0 120px;
  }
}

.section-press-release .container {
  max-width: 996px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .container {
    max-width: 996px;
    max-width: 72.91362vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .container {
    max-width: 100%;
  }
}

.section-press-release .pagination {
  margin-top: 50px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .pagination {
    margin-top: 50px;
    margin-top: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .pagination {
    margin-top: 50px;
  }
}

.section-press-release .press-release-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 72px -15px -30px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-list {
    margin: 72px -15px -30px;
    margin: 5.27086vw -1.0981vw -2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-list {
    margin: 71px 0 0;
  }
}

.section-press-release .press-release-list .badge {
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 10;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-list .badge {
    top: 14px;
    top: 1.02489vw;
    right: 20px;
    right: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-list .badge {
    top: 12px;
    right: 12px;
  }
}

.section-press-release .press-release-date {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  margin-left: 0;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-date {
    font-size: 14px;
    line-height: 17px;
  }
}

.section-press-release .press-release-item {
  position: relative;
  -ms-flex-preferred-size: calc((100% - 90px) / 3);
  flex-basis: calc((100% - 90px) / 3);
  margin: 30px 15px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-item {
    -ms-flex-preferred-size: 312px;
    flex-basis: 312px;
    -ms-flex-preferred-size: 22.84041vw;
    flex-basis: 22.84041vw;
    margin: 30px 15px;
    margin: 2.19619vw 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0;
  }
  .section-press-release .press-release-item:not(:first-child) {
    margin-top: 40px;
  }
}

.section-press-release .press-release-link {
  display: block;
  padding: 0;
  border-width: 2px;
}

@media screen and (min-width: 1366px) {
  .section-press-release .press-release-link:hover {
    border-color: #0079fa;
    background-color: #f8fbff;
  }
}

.section-press-release .press-release-link .badge {
  font-size: 12px;
  line-height: 14px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-link .badge {
    font-size: 12px;
    font-size: 0.87848vw;
    line-height: 14px;
    line-height: 1.02489vw;
  }
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-link .badge {
    font-size: 13px;
    line-height: 16px;
  }
}

.section-press-release .press-release-thumb {
  position: relative;
  width: 100%;
  padding-bottom: 71.795%;
}

.section-press-release .press-release-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-press-release .press-release-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 158px;
  padding: 28px 24px 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-info {
    height: 158px;
    height: 11.56662vw;
    padding: 28px 24px 26px;
    padding: 2.04978vw 1.75695vw 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-info {
    height: auto;
    padding: 23px 0;
  }
}

.section-press-release .press-release-title {
  display: block;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-title {
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-title {
    font-size: 16px;
    line-height: 21px;
  }
}

.section-press-release .press-release-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-slide {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-slide {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 28px;
  }
}

.section-press-release .press-release-slide-img {
  position: relative;
  width: 520px;
  padding-right: 28px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-slide-img {
    width: 520px;
    width: 38.06735vw;
    padding-right: 28px;
    padding-right: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-slide-img {
    width: 100%;
  }
}

.section-press-release .press-release-slide-info {
  width: 374px;
  margin-left: 64px;
  padding-top: 20px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-slide-info {
    width: 374px;
    width: 27.37921vw;
    margin-left: 64px;
    margin-left: 4.68521vw;
    padding-top: 20px;
    padding-top: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-slide-info {
    width: 100%;
    margin-left: 0;
    padding-top: 54px;
  }
}

.section-press-release .press-release-slide-info .swiper {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-slide-info .swiper {
    padding-bottom: 22px;
  }
}

.section-press-release .press-release-slide .press-release-title {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 26px;
  font-weight: 700;
  line-height: 37px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (min-width: 1366px) {
  .section-press-release .press-release-slide .press-release-title:hover .text, .section-press-release .press-release-slide .press-release-title.is-hover .text {
    -webkit-background-size: 100% 2px;
    background-size: 100% 2px;
  }
  .section-press-release .press-release-slide .press-release-title .text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121));
    background-image: linear-gradient(#212121, #212121);
    background-repeat: no-repeat;
    background-position: left 0 bottom -1px;
    -webkit-background-size: 0 2px;
    background-size: 0 2px;
    -webkit-transition: -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-slide .press-release-title {
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 37px;
    line-height: 2.70864vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-slide .press-release-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.section-press-release .press-release-slide .press-release-date {
  margin-top: 34px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-slide .press-release-date {
    margin-top: 34px;
    margin-top: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-slide .press-release-date {
    margin-top: 18px;
    font-size: 14px;
    line-height: 17px;
  }
}

.section-press-release .press-release-img {
  position: relative;
  width: 100%;
  padding-top: 63.46%;
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-img {
    padding-top: 69.87%;
  }
}

.section-press-release .press-release-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section-press-release .press-release-group {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  right: 0;
  bottom: 40px;
  z-index: 2;
}

.section-press-release .press-release-group.is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-group {
    bottom: 40px;
    bottom: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    right: auto;
    bottom: -24px;
    left: 0;
  }
}

.section-press-release .press-release-btn {
  width: 56px;
  height: 56px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -136px;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1366px) {
  .section-press-release .press-release-btn:hover {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1448.24px -584px;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-btn {
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -9.96vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-btn {
    width: 48px;
    height: 48px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1296.85714px 1260px;
    background-size: 1296.85714px 1260px;
    background-position: -1241.34857px -116.57143px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1366px) {
  .section-press-release .press-release-btn-prev:hover {
    -webkit-transform: rotateY(180deg) translateX(-100%);
    transform: rotateY(180deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

.section-press-release .press-release-btn-next {
  margin-top: -1px;
  -webkit-transform: rotateY(180deg) translateX(-100%);
  transform: rotateY(180deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

@media screen and (min-width: 1366px) {
  .section-press-release .press-release-btn-next:hover {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-btn-next {
    margin: 0 0 0 -1px;
  }
}

.section-press-release .press-release-function {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 40px;
  left: 0;
  z-index: 2;
  color: #212121;
}

.section-press-release .press-release-function.is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1366px) {
  .section-press-release .press-release-function {
    bottom: 40px;
    bottom: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-function {
    bottom: 0;
  }
}

.section-press-release .press-release-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 15px;
  color: #212121;
}

@media (max-width: 1366px) {
  .section-press-release .press-release-progress {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 15px;
    line-height: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-progress {
    font-size: 13px;
    line-height: 14px;
  }
}

.section-press-release .press-release-progress .current {
  min-width: 21px;
  letter-spacing: -0.16px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-progress .current {
    min-width: 21px;
    min-width: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-progress .current {
    min-width: 24px;
  }
}

.section-press-release .press-release-progress .total {
  min-width: 21px;
  color: #ccc;
  font-weight: 400;
}

@media screen and (max-width: 1365px) {
  .section-press-release .press-release-progress .total {
    min-width: 21px;
    min-width: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-progress .total {
    min-width: 24px;
  }
}

.section-press-release .press-release-progress .line-progress {
  position: relative;
  width: 120px;
  height: 2px;
  margin: 0 16px 0 19px;
  background-color: #ccc;
}

@media (max-width: 1366px) {
  .section-press-release .press-release-progress .line-progress {
    width: 118px;
    width: 8.63836vw;
    height: 1px;
    margin: 0px 16px;
    margin: 0vw 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .press-release-progress .line-progress {
    width: 90px;
    margin: 0 8px;
  }
}

.section-press-release .press-release-progress .line-progress-current {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: width 5000ms cubic-bezier(0.1, 0.1, 0.1, 0.1);
  transition: width 5000ms cubic-bezier(0.1, 0.1, 0.1, 0.1);
  background: #212121;
}

@media (max-width: 1366px) {
  .section-press-release .press-release-progress .line-progress-current {
    height: 1px;
  }
}

.section-press-release .notice-area {
  margin: 40px 0 60px;
}

@media screen and (max-width: 1365px) {
  .section-press-release .notice-area {
    margin: 40px 0px 60px;
    margin: 2.92826vw 0vw 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .section-press-release .notice-area {
    margin: 20px 0 0;
  }
}

.section-academic {
  padding: 120px 0 140px;
}

@media screen and (max-width: 1365px) {
  .section-academic {
    padding: 120px 0px 140px;
    padding: 8.78477vw 0vw 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .section-academic {
    padding: 80px 0 120px;
  }
}

.section-academic .pagination {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .section-academic .pagination {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-academic .pagination {
    margin-top: 49px;
  }
}

.section-academic .notice-area {
  margin: 40px 0 60px;
}

@media screen and (max-width: 1365px) {
  .section-academic .notice-area {
    margin: 40px 0px 60px;
    margin: 2.92826vw 0vw 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .section-academic .notice-area {
    margin: 20px 0 0;
  }
}

.newsroom-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .newsroom-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.newsroom-search-text {
  font-size: 18px;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-text {
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-text {
    font-size: 16px;
  }
}

.newsroom-search-text .highlight {
  color: #0079fa;
}

.newsroom-search-form, .newsroom-search-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .newsroom-search-form {
    margin-top: 20px;
  }
}

.newsroom-search-form .btn-filter,
.newsroom-search-form .input-search,
.newsroom-search-form .btn-search {
  border: 2px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .newsroom-search-form .btn-filter,
  .newsroom-search-form .input-search,
  .newsroom-search-form .btn-search {
    border-width: 1px;
  }
}

.newsroom-search-filter {
  position: relative;
  z-index: 12;
}

@media screen and (max-width: 768px) {
  .newsroom-search-filter.is-half .btn-filter {
    min-width: 154px;
  }
}

.newsroom-search-filter .btn-filter {
  position: relative;
  min-width: 142px;
  padding: 14px 40px 13px 19px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-filter .btn-filter {
    min-width: 142px;
    min-width: 10.39531vw;
    padding: 14px 30px 13px 19px;
    padding: 1.02489vw 2.19619vw 0.95168vw 1.39092vw;
    font-size: 16px;
    font-size: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-filter .btn-filter {
    min-width: 96px;
    padding: 15px 10px;
    font-size: 14px;
  }
}

.newsroom-search-filter .btn-filter::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  width: 30px;
  height: 30px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -844px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-filter .btn-filter::after {
    right: 3px;
    right: 0.21962vw;
    width: 2.19619vw;
    height: 2.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -61.79vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-filter .btn-filter::after {
    width: 30px;
    height: 30px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -844px -1394px;
    background-repeat: no-repeat;
    right: 0;
  }
}

.newsroom-search-filter .btn-filter.is-active::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.newsroom-search-filter .btn-filter.is-active + .filter-option {
  display: block;
}

.newsroom-search-filter .filter-option {
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  right: 0;
  border: 2px solid #dbdbdb;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .newsroom-search-filter .filter-option {
    border-width: 1px;
  }
}

.newsroom-search-filter .filter-option-item:not(:first-child) {
  border-top: 2px solid #dbdbdb;
}

@media screen and (max-width: 768px) {
  .newsroom-search-filter .filter-option-item:not(:first-child) {
    border-width: 1px 0 0;
  }
}

.newsroom-search-filter .filter-option-button {
  width: 100%;
  padding: 14px 18px 13px;
  font-size: 16px;
  line-height: 19px;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-filter .filter-option-button {
    padding: 14px 18px 13px;
    padding: 1.02489vw 1.31772vw 0.95168vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-filter .filter-option-button {
    padding: 15px 9px;
    font-size: 14px;
    line-height: 17px;
  }
}

@media screen and (min-width: 1366px) {
  .newsroom-search-filter .filter-option-button:hover {
    background-color: #dbdbdb;
  }
}

.newsroom-search-filter + .newsroom-search-filter {
  margin-left: 4px;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-filter + .newsroom-search-filter {
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-filter + .newsroom-search-filter {
    margin-left: 4px;
  }
}

.newsroom-search-area {
  margin-left: 4px;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-area {
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-area {
    margin-left: 4px;
  }
}

.newsroom-search-area .input-search {
  width: 258px;
  padding: 14px 14px 13px;
  font-size: 16px;
  line-height: 19px;
  outline: none;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-area .input-search {
    width: 258px;
    width: 18.88726vw;
    padding: 14px 14px 13px;
    padding: 1.02489vw 1.02489vw 0.95168vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-area .input-search {
    width: calc(100% - 46px);
    padding: 14px 11px;
    font-size: 15px;
    line-height: 18px;
  }
}

.newsroom-search-area .input-search::-webkit-input-placeholder {
  color: #dbdbdb;
}

.newsroom-search-area .input-search::-moz-placeholder {
  color: #dbdbdb;
}

.newsroom-search-area .input-search:-ms-input-placeholder {
  color: #dbdbdb;
}

.newsroom-search-area .input-search::-ms-input-placeholder {
  color: #dbdbdb;
}

.newsroom-search-area .input-search::placeholder {
  color: #dbdbdb;
}

.newsroom-search-area .btn-search {
  position: relative;
  width: 50px;
  height: 50px;
  margin-left: -2px;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-area .btn-search {
    width: 50px;
    width: 3.66032vw;
    height: 50px;
    height: 3.66032vw;
    margin-left: -2px;
    margin-left: -0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-area .btn-search {
    width: auto;
    height: auto;
    margin-left: -1px;
    padding: 5px 4px 4px;
  }
}

.newsroom-search-area .btn-search .icon-search-newrooms {
  position: absolute;
  z-index: 0;
  top: -2px;
  left: -2px;
  width: 50px;
  height: 50px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1260.83333px 1225px;
  background-size: 1260.83333px 1225px;
  background-position: -1206.86667px -3.33333px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .newsroom-search-area .btn-search .icon-search-newrooms {
    width: 3.66032vw;
    height: 3.66vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 92.3vw 89.68vw;
    background-size: 92.3vw 89.68vw;
    background-position: -88.35vw -0.24vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .newsroom-search-area .btn-search .icon-search-newrooms {
    position: static;
    width: 37px;
    height: 37px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -681.12px -255.5px;
    background-repeat: no-repeat;
  }
}

.data-list {
  border-top: 2px solid #212121;
}

.data-item {
  position: relative;
  border: 1px solid transparent;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (min-width: 1366px) {
  .data-item:hover {
    border: 1px solid #0079fa;
    background-color: #f8fbff;
  }
  .data-item:hover .data-number {
    font-weight: 700;
    color: #0079fa;
  }
}

.data-item .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 36px 30px 36px 40px;
  font-size: 16px;
  line-height: 20px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .data-item .link {
    padding: 36px 30px 36px 40px;
    padding: 2.63543vw 2.19619vw 2.63543vw 2.92826vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .data-item .link {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 14px;
    font-size: 14px;
    line-height: 17px;
  }
}

.data-item .link.is-download .data-title {
  padding-right: 32px;
}

@media screen and (max-width: 1365px) {
  .data-item .link.is-download .data-title {
    padding-right: 32px;
    padding-right: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .data-item .link.is-download .data-title {
    padding-right: 40px;
  }
}

.data-item .btn-download {
  position: absolute;
  top: 50%;
  right: 154px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 1366px) {
  .data-item .btn-download {
    padding: 10px;
  }
}

@media screen and (max-width: 1365px) {
  .data-item .btn-download {
    right: 164px;
    right: 12.00586vw;
  }
}

@media screen and (max-width: 768px) {
  .data-item .btn-download {
    top: 29px;
    right: 14px;
    pointer-events: none;
  }
}

.data-number {
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
}

@media screen and (max-width: 1365px) {
  .data-number {
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    -ms-flex-preferred-size: 4.39239vw;
    flex-basis: 4.39239vw;
  }
}

.data-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .data-title {
    margin-left: 6px;
    margin-left: 0.43924vw;
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .data-title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-height: 42px;
    margin-left: 0;
    padding-right: 0;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 21px;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.data-time {
  -ms-flex-preferred-size: 130px;
  flex-basis: 130px;
  text-align: right;
}

@media screen and (max-width: 1365px) {
  .data-time {
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px;
    -ms-flex-preferred-size: 9.51684vw;
    flex-basis: 9.51684vw;
  }
}

@media screen and (max-width: 768px) {
  .data-time {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-top: 10px;
  }
}

.grid-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -12px;
}

@media screen and (max-width: 1365px) {
  .grid-list {
    margin: -12px;
    margin: -0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .grid-list {
    margin: 0;
  }
}

.grid-item {
  width: calc((100% - 78px) / 3);
  margin: 12px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
}

@media screen and (max-width: 1365px) {
  .grid-item {
    width: calc((100% - 5.71vw) / 3);
    margin: 12px;
    margin: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .grid-item {
    width: 100%;
    margin: 0;
  }
  .grid-item:not(:first-child) {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1366px) {
  .grid-item:hover {
    border: 1px solid #0079fa;
    background-color: #f8fbff;
  }
}

.grid-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  height: 306px;
  padding: 31px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .grid-link {
    height: 306px;
    height: 22.40117vw;
    padding: 31px;
    padding: 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .grid-link {
    height: 187px;
    padding: 19px;
  }
}

.grid-link::after {
  content: "";
  position: absolute;
  right: 23px;
  bottom: 23px;
  width: 56px;
  height: 56px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1448.24px -392px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .grid-link::after {
    right: 23px;
    right: 1.68375vw;
    bottom: 23px;
    bottom: 1.68375vw;
    width: 4.09956vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -106.02vw -28.7vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .grid-link::after {
    right: 19px;
    bottom: 19px;
    width: 50px;
    height: 50px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1350.89286px 1312.5px;
    background-size: 1350.89286px 1312.5px;
    background-position: -1293.07143px -350px;
    background-repeat: no-repeat;
  }
}

.grid-link .badge {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.grid-link .title {
  display: block;
  margin-top: 21px;
  padding-right: 60px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24px;
  line-height: 35px;
  color: #212121;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .grid-link .title {
    margin-top: 21px;
    margin-top: 1.53734vw;
    padding-right: 60px;
    padding-right: 4.39239vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 35px;
    line-height: 2.56223vw;
  }
}

@media screen and (max-width: 768px) {
  .grid-link .title {
    margin-top: 18px;
    padding-right: 90px;
    font-size: 17px;
    line-height: 25px;
  }
}

.grid-link .time {
  display: inline-block;
  margin-top: auto;
  font-size: 18px;
  line-height: 18px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .grid-link .time {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .grid-link .time {
    font-size: 14px;
    line-height: 16px;
  }
}

.academic-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px -40px;
}

@media screen and (max-width: 1365px) {
  .academic-list {
    margin: 0px -12px -40px;
    margin: 0vw -0.87848vw -2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .academic-list {
    margin: 28px 0 0;
  }
}

.academic-item {
  width: calc((100% - 96px) / 4);
  margin: 40px 12px;
}

@media screen and (max-width: 1365px) {
  .academic-item {
    width: calc((100% - 7.02782vw) / 4);
    margin: 40px 12px;
    margin: 2.92826vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .academic-item {
    width: 100%;
    margin: 0;
  }
  .academic-item:not(:first-child) {
    margin-top: 39px;
  }
}

.academic-link {
  display: block;
}

.academic-thumb {
  position: relative;
  width: 100%;
  padding-top: 66.67%;
}

.academic-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.academic-title {
  margin-top: 24px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 26px;
  color: #212121;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .academic-title {
    margin-top: 24px;
    margin-top: 1.75695vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .academic-title {
    margin-top: 23px;
    font-size: 16px;
    line-height: 21px;
  }
}

.page-customer-support .section-brand-list {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-brand-list {
    margin-top: 28px;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.search-result {
    padding-top: 40px;
  }
}

.page-customer-support .section-customer.apply, .page-customer-support .section-customer.donation-inquiry {
  padding: 120px 0 200px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer.apply, .page-customer-support .section-customer.donation-inquiry {
    padding: 120px 0px 200px;
    padding: 8.78477vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.apply, .page-customer-support .section-customer.donation-inquiry {
    padding: 80px 0 120px;
  }
}

.page-customer-support .section-customer.apply {
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.apply {
    padding-bottom: 118px;
  }
}

.page-customer-support .section-customer.apply .input-notice {
  color: #757575;
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer.apply .input-notice {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.apply .input-notice {
    font-size: 14px;
    line-height: 18px;
  }
}

.page-customer-support .section-customer.apply .customer-content {
  padding-top: 40px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer.apply .customer-content {
    padding-top: 38px;
    padding-top: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.apply .customer-content {
    padding-top: 28px;
  }
}

.page-customer-support .section-customer.apply .input-capcha {
  margin-left: 61px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer.apply .input-capcha {
    margin-left: 61px;
    margin-left: 4.46559vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.apply .input-capcha {
    margin-top: 43px;
    margin-left: 0;
  }
}

.page-customer-support .section-customer.donation-inquiry .customer-wrap + .customer-wrap {
  margin-top: 77px;
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.donation-inquiry .customer-wrap + .customer-wrap {
    margin-top: 59px;
  }
}

.page-customer-support .section-customer.donation-inquiry .customer-wrap + .customer-wrap .customer-content {
  padding-top: 40px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer.donation-inquiry .customer-wrap + .customer-wrap .customer-content {
    padding-top: 40px;
    padding-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.donation-inquiry .customer-wrap + .customer-wrap .customer-content {
    padding-top: 28px;
  }
}

.page-customer-support .section-customer.donation-inquiry .input.add-file .input-text {
  margin-left: 8px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer.donation-inquiry .input.add-file .input-text {
    margin-left: 8px;
    margin-left: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.donation-inquiry .input.add-file .input-text {
    margin-left: 0;
  }
}

.page-customer-support .section-customer.donation-inquiry .btn-accept {
  margin-top: 66px;
  padding: 15px 69px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer.donation-inquiry .btn-accept {
    margin-top: 66px;
    margin-top: 4.83163vw;
    padding: 15px 69px;
    padding: 1.0981vw 5.05124vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.donation-inquiry .btn-accept {
    margin-top: 42px;
    padding: 15px 79px;
  }
}

.page-customer-support .section-customer.donation-inquiry .input-text {
  padding: 18px 20px 16px 19px;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer.donation-inquiry .input-text {
    padding: 18px 20px 16px 19px;
    padding: 1.31772vw 1.46413vw 1.1713vw 1.39092vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer.donation-inquiry .input-text {
    padding: 13px 13px 13px 14px;
    line-height: 20px;
  }
}

.page-customer-support .section-customer .accordion-content-customer {
  padding: 48px 204px 48px 56px;
  word-break: break-all;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer .accordion-content-customer {
    padding: 48px 204px 48px 56px;
    padding: 3.51391vw 14.93411vw 3.51391vw 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer .accordion-content-customer {
    padding: 24px 15px;
  }
}

.page-customer-support .section-customer .accordion-content-customer .editor p b {
  color: #000;
}

.page-customer-support .section-customer .accordion-content-customer .editor p + p {
  margin-top: 32px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer .accordion-content-customer .editor p + p {
    margin-top: 32px;
    margin-top: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer .accordion-content-customer .editor p + p {
    margin-top: 24px;
  }
}

.page-customer-support .section-customer .accordion-content-customer .editor img {
  max-width: 100%;
  margin-top: 16px;
  margin-bottom: 32px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer .accordion-content-customer .editor img {
    margin-top: 16px;
    margin-top: 1.1713vw;
    margin-bottom: 32px;
    margin-bottom: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer .accordion-content-customer .editor img {
    margin-top: 12px;
    margin-bottom: 24px;
  }
}

.page-customer-support .section-customer .input-search {
  width: 100%;
  padding: 16px 60px 16px 17px;
  border: none;
  color: #212121;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer .input-search {
    padding: 16px 60px 16px 17px;
    padding: 1.1713vw 4.39239vw 1.1713vw 1.24451vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer .input-search {
    padding: 14px 48px 14px 12px;
    font-size: 15px;
    line-height: 18px;
  }
}

.page-customer-support .section-customer .input-search::-webkit-input-placeholder {
  color: #ccc;
}

.page-customer-support .section-customer .input-search::-moz-placeholder {
  color: #ccc;
}

.page-customer-support .section-customer .input-search:-ms-input-placeholder {
  color: #ccc;
}

.page-customer-support .section-customer .input-search::-ms-input-placeholder {
  color: #ccc;
}

.page-customer-support .section-customer .input-search::placeholder {
  color: #ccc;
}

.page-customer-support .section-customer .layer-search {
  -webkit-transform: none;
  transform: none;
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer .layer-search {
    padding-top: 0;
  }
}

.page-customer-support .section-customer .icon-search-large {
  width: 60px;
  height: 60px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1299px -1322px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer .icon-search-large {
    width: 4.39239vw;
    height: 4.39vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -95.1vw -96.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer .icon-search-large {
    width: 48px;
    height: 48px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1210.4px 1176px;
    background-size: 1210.4px 1176px;
    background-position: -1039.2px -1057.6px;
    background-repeat: no-repeat;
  }
}

.page-customer-support .section-customer .btn-search {
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 2;
  width: 60px;
  height: 60px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-customer .btn-search {
    top: -1px;
    right: -1px;
    width: 60px;
    width: 4.39239vw;
    height: 60px;
    height: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-customer .btn-search {
    top: -1px;
    right: -1px;
    width: 48px;
    height: 48px;
    border: none;
  }
}

.page-customer-support .section-tabs {
  overflow: visible;
  margin-top: 36px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-tabs {
    margin-top: 36px;
    margin-top: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-tabs {
    margin-top: 18px;
  }
}

.page-customer-support .section-tabs.is-sticky {
  top: 293px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-tabs.is-sticky {
    top: 293px;
    top: 21.44949vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-tabs.is-sticky {
    top: 159px;
  }
}

.page-customer-support .section-tabs.is-sticky.is-scroll-down {
  top: 180px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-tabs.is-sticky.is-scroll-down {
    top: 180px;
    top: 13.17716vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-tabs.is-sticky.is-scroll-down {
    top: 95px;
  }
}

.page-customer-support .section-tabs .customer-brand-swiper {
  overflow: visible;
}

.page-customer-support .section-tabs .customer-brand-swiper .swiper-wrapper.is-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-customer-support .section-tabs .btn-tab {
  padding: 23px 24px 22px 25px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .section-tabs .btn-tab {
    padding: 23px 24px 22px 25px;
    padding: 1.68375vw 1.75695vw 1.61054vw 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .section-tabs .btn-tab {
    padding: 23px 17px 22px 18px;
  }
}

.page-customer-support .btn-more {
  display: block;
  position: relative;
  margin: 48px auto 0;
  padding-bottom: 2px;
  border-bottom: 2px solid #212121;
  color: #212121;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .btn-more {
    margin-top: 48px;
    margin-top: 3.51391vw;
    padding-bottom: 2px;
    padding-bottom: 0.14641vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .btn-more {
    margin-top: 32px;
    border-width: 1px;
    font-size: 14px;
    line-height: 16px;
  }
}

.page-customer-support .btn-more:after {
  position: absolute;
  top: 0;
  right: -26px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1210.4px 1176px;
  background-size: 1210.4px 1176px;
  background-position: -513.6px -1153.6px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .page-customer-support .btn-more:after {
    right: -26px;
    right: -1.90337vw;
    width: 1.1713vw;
    height: 1.17vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 88.61vw 86.09vw;
    background-size: 88.61vw 86.09vw;
    background-position: -37.6vw -84.45vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-support .btn-more:after {
    top: -5px;
    right: -23px;
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -352px;
    background-repeat: no-repeat;
  }
}

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

.customer-title {
  display: inline-block;
  width: 306px;
  padding-right: 50px;
  color: #212121;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .customer-title {
    width: 306px;
    width: 22.40117vw;
    padding-right: 50px;
    padding-right: 3.66032vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-title {
    width: 100%;
    padding: 0;
    font-size: 24px;
    line-height: 29px;
  }
}

.customer-question {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .customer-question {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-question {
    margin-top: 60px;
  }
}

.customer-question.etc-question {
  margin-top: 0;
}

.customer-question.is-error .accordion-list {
  display: none;
}

.customer-question.is-error .customer-question-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-question.etc-question .btn-accordion {
  padding: 34px 80px 34px 40px;
}

@media screen and (max-width: 1365px) {
  .customer-question.etc-question .btn-accordion {
    padding: 34px 80px 34px 40px;
    padding: 2.48902vw 5.85652vw 2.48902vw 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-question.etc-question .btn-accordion {
    padding: 15px 50px 15px 15px;
  }
}

.customer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .customer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.customer-wrap + .customer-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .customer-wrap + .customer-wrap {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-wrap + .customer-wrap {
    margin-top: 60px;
  }
}

.customer-wrap .btn-accept {
  display: block;
  margin: 65px auto 0 auto;
  padding: 15px 54px;
  border: 1px solid #212121;
  color: #212121;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .customer-wrap .btn-accept {
    margin-top: 64px;
    margin-top: 4.68521vw;
    padding: 15px 54px;
    padding: 1.0981vw 3.95315vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-wrap .btn-accept {
    margin-top: 39px;
    padding: 15px 67px 16px;
    font-size: 13px;
    line-height: 16px;
  }
}

@media screen and (min-width: 1366px) {
  .customer-wrap .btn-accept:hover {
    background-color: #000;
    color: #fff;
  }
}

.customer-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 306px);
  padding-top: 28px;
  border-top: 2px solid #212121;
}

@media screen and (max-width: 1365px) {
  .customer-content {
    width: calc(100% - 15.9375vw);
    padding-top: 28px;
    padding-top: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-content {
    width: 100%;
    margin-top: 17px;
    padding-top: 28px;
  }
}

.customer-text {
  color: #212121;
  font-size: 18px;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .customer-text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-text {
    color: #757575;
    font-size: 15px;
    line-height: 20px;
  }
}

.customer-brand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1365px) {
  .customer-brand-list {
    margin: -8px;
    margin: -0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-brand-list {
    margin: -4px;
  }
}

.customer-brand-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-preferred-size: calc(100% / 8 - 16px);
  flex-basis: calc(100% / 8 - 16px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 136px;
  margin: 8px;
  border: 1px solid #ededed;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .customer-brand-item {
    height: 136px;
    height: 9.95608vw;
    margin: 8px;
    margin: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-brand-item {
    -ms-flex-preferred-size: calc(100% / 4 - 8px);
    flex-basis: calc(100% / 4 - 8px);
    height: calc(100% / 4 - 8px);
    margin: 4px;
  }
  .customer-brand-item::after {
    display: block;
    padding-bottom: 100%;
    content: "";
  }
}

.customer-brand-item.is-active {
  background-color: var(--bg-color-active);
}

.customer-brand-item.is-active img {
  -webkit-filter: brightness(0) saturate(100%) invert(84%) sepia(1%) saturate(0%) hue-rotate(264deg) brightness(145%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(84%) sepia(1%) saturate(0%) hue-rotate(264deg) brightness(145%) contrast(100%);
}

.customer-brand-link {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.customer-brand-link img {
  width: 100%;
  max-height: 134px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: brightness(0) saturate(100%);
  filter: brightness(0) saturate(100%);
}

@media screen and (max-width: 1365px) {
  .customer-brand-link img {
    max-height: 134px;
    max-height: 9.80966vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-brand-link img {
    max-height: 70px;
  }
}

.customer-question-result {
  position: relative;
}

.customer-question-result .question-back-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -100px;
  left: 0;
  color: #212121;
  font-size: 16px;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .customer-question-result .question-back-link {
    top: -100px;
    top: -7.32064vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-question-result .question-back-link {
    top: -125px;
    font-size: 14px;
    line-height: 17px;
  }
}

.customer-question-result .icon {
  margin-right: 4px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.customer-question-toltal {
  color: #212121;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .customer-question-toltal {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-question-toltal {
    font-size: 16px;
    line-height: 19px;
  }
}

.customer-question-toltal .index {
  color: #0079fa;
}

.customer-brand-faq {
  margin-top: 37px;
}

@media screen and (max-width: 1365px) {
  .customer-brand-faq {
    margin-top: 37px;
    margin-top: 2.70864vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-brand-faq {
    margin-top: 0;
  }
}

.customer-brand-faq .text::after {
  background-color: #0379fa;
}

.customer-brand-faq .customer-brand-item:nth-child(n + 9) {
  display: none;
}

.customer-brand-faq.is-show .btn-more:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.customer-brand-faq.is-show .customer-brand-item:nth-child(n + 9) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customer-question-error {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 560px;
  margin-top: 40px;
  border-top: 2px solid #212121;
}

@media screen and (max-width: 1365px) {
  .customer-question-error {
    min-height: 560px;
    min-height: 40.99561vw;
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-question-error {
    min-height: 325px;
    margin-top: 20px;
  }
}

.customer-question-error .text-error {
  margin-top: 32px;
  color: #212121;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .customer-question-error .text-error {
    margin-top: 32px;
    margin-top: 2.34261vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-question-error .text-error {
    margin-top: 20px;
    font-size: 15px;
    line-height: 18px;
  }
}

.customer-support-tabs {
  overflow: hidden;
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .customer-support-tabs {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-support-tabs {
    margin-top: 60px;
  }
}

.customer-support-tabs.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 113px;
  background-color: #fff;
  z-index: 9999;
  -webkit-transition: top .5s;
  transition: top .5s;
}

@media screen and (max-width: 1365px) {
  .customer-support-tabs.is-sticky {
    top: 113px;
    top: 8.27233vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-support-tabs.is-sticky {
    top: 64px;
  }
}

.customer-support-tabs.is-sticky.is-scroll-down {
  top: 0;
}

.customer-support .customer-support-swiper {
  overflow: visible;
}

.customer-support-content {
  padding: 120px 0 200px;
}

@media screen and (max-width: 1365px) {
  .customer-support-content {
    padding: 120px 0px 200px;
    padding: 8.78477vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-support-content {
    padding: 60px 0 120px;
  }
}

.customer-support .tab-customer-item {
  position: relative;
  width: 180px;
  height: 180px;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-item {
    width: 180px;
    width: 13.17716vw;
    height: 180px;
    height: 13.17716vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-item {
    width: 96px;
    height: 96px;
  }
}

@media screen and (min-width: 1366px) {
  .customer-support .tab-customer-item:hover .icon-tel {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1038px -332.24px;
    background-repeat: no-repeat;
  }
  .customer-support .tab-customer-item:hover .icon-faq {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -544px -1022px;
    background-repeat: no-repeat;
  }
  .customer-support .tab-customer-item:hover .icon-message {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -508px -440px;
    background-repeat: no-repeat;
  }
  .customer-support .tab-customer-item:hover .icon-search1 {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1038px -548.24px;
    background-repeat: no-repeat;
  }
  .customer-support .tab-customer-item:hover .icon-donation {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -868px -1022px;
    background-repeat: no-repeat;
  }
  .customer-support .tab-customer-item:hover .icon-etc {
    width: 100px;
    height: 100px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1150.24px -4px;
    background-repeat: no-repeat;
  }
  .customer-support .tab-customer-item:hover .tab-customer-btn {
    color: #212121;
  }
}

.customer-support .tab-customer-item.is-active .icon-tel {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -332.24px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-item.is-active .icon-tel {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -24.32vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-item.is-active .icon-tel {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -581.28px -186.0544px;
    background-repeat: no-repeat;
  }
}

.customer-support .tab-customer-item.is-active .icon-faq {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -544px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-item.is-active .icon-faq {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -39.82vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-item.is-active .icon-faq {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -304.64px -572.32px;
    background-repeat: no-repeat;
  }
}

.customer-support .tab-customer-item.is-active .icon-message {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -508px -440px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-item.is-active .icon-message {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -37.19vw -32.21vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-item.is-active .icon-message {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -284.48px -246.4px;
    background-repeat: no-repeat;
  }
}

.customer-support .tab-customer-item.is-active .icon-search1 {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1038px -548.24px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-item.is-active .icon-search1 {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -75.99vw -40.13vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-item.is-active .icon-search1 {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -581.28px -307.0144px;
    background-repeat: no-repeat;
  }
}

.customer-support .tab-customer-item.is-active .icon-donation {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -868px -1022px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-item.is-active .icon-donation {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -63.54vw -74.82vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-item.is-active .icon-donation {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -486.08px -572.32px;
    background-repeat: no-repeat;
  }
}

.customer-support .tab-customer-item.is-active .icon-etc {
  width: 100px;
  height: 100px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1150.24px -4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-item.is-active .icon-etc {
    width: 7.32064vw;
    height: 7.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -84.2vw -0.29vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-item.is-active .icon-etc {
    width: 56px;
    height: 56px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 847.28px 823.2px;
    background-size: 847.28px 823.2px;
    background-position: -644.1344px -2.24px;
    background-repeat: no-repeat;
  }
}

.customer-support .tab-customer-item.is-active .tab-customer-btn {
  color: #212121;
}

.customer-support .tab-customer-item:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -12px;
  width: 1px;
  height: 100%;
  background-color: #ededed;
  content: "";
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-item:not(:first-child)::before {
    left: -12px;
    left: -0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-item:not(:first-child)::before {
    left: -6px;
  }
}

.customer-support .tab-customer-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #ccc;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-btn {
    padding: 20px;
    padding: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-btn {
    padding: 10px 5px;
  }
}

.customer-support .tab-customer-text {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .customer-support .tab-customer-text {
    margin-top: 14px;
    margin-top: 1.02489vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-support .tab-customer-text {
    margin-top: 5px;
    font-size: 14px;
    line-height: 17px;
  }
}

.customer-support .tab-customer-content {
  display: none;
}

.customer-support .tab-customer-content.is-show {
  display: block;
}

.consultation-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 34px 40px 120px;
  border-top: 2px solid #212121;
}

@media screen and (max-width: 1365px) {
  .consultation-operation {
    padding: 34px 40px 120px;
    padding: 2.48902vw 2.92826vw 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .consultation-operation {
    display: block;
    padding: 0;
  }
}

.consultation-operation-title {
  display: block;
  width: calc(100% - 950px);
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .consultation-operation-title {
    width: calc(100% - 69.55vw);
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consultation-operation-title {
    width: 100%;
    padding: 16px 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
  }
}

.consultation-operation-content {
  width: 854px;
}

@media screen and (max-width: 1365px) {
  .consultation-operation-content {
    width: 854px;
    width: 62.5183vw;
  }
}

@media screen and (max-width: 768px) {
  .consultation-operation-content {
    width: 100%;
    border-top: 1px solid #dedede;
  }
}

.support-method-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 58px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .support-method-list {
    margin-top: 58px;
    margin-top: 4.24597vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
  }
}

.support-method-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 305px;
  padding: 0 30px 0 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .support-method-item {
    width: 305px;
    width: 22.32796vw;
    padding: 0px 45px 0px 32px;
    padding: 0vw 3.29429vw 0vw 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-item {
    width: 100%;
    padding: 40px 0;
  }
}

.support-method-item:first-child {
  width: 281px;
  padding-right: 53px;
  padding-left: 0;
}

@media screen and (max-width: 1365px) {
  .support-method-item:first-child {
    width: 278px;
    width: 20.35139vw;
    padding-right: 53px;
    padding-right: 3.87994vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-item:first-child {
    width: 100%;
    padding: 40px 0;
  }
}

.support-method-item:not(:first-child) {
  border-left: 1px solid #ebebeb;
}

@media screen and (max-width: 768px) {
  .support-method-item:not(:first-child) {
    border-top: 1px solid #ededed;
    border-left: none;
  }
}

.support-method-item:last-child {
  width: 266px;
  padding-right: 0;
}

@media screen and (max-width: 1365px) {
  .support-method-item:last-child {
    width: 278px;
    width: 20.35139vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-item:last-child {
    width: 100%;
  }
}

.support-method-name {
  color: #0079fa;
  letter-spacing: -0.24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .support-method-name {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 30px;
    line-height: 2.19619vw;
    letter-spacing: -0.24px;
    letter-spacing: -0.01757vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-name {
    letter-spacing: -0.18px;
    font-size: 18px;
    line-height: 20px;
  }
}

.support-method-icon {
  position: relative;
  min-height: 136px;
  margin-top: 32px;
}

@media screen and (max-width: 1365px) {
  .support-method-icon {
    min-height: 136px;
    min-height: 9.95608vw;
    margin-top: 32px;
    margin-top: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-icon {
    position: static;
    min-height: 0;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .support-method-icon .icon {
    position: absolute;
    top: 40px;
    right: 0;
  }
}

.support-method-icon .phone {
  display: block;
  margin-top: 12px;
  color: #0079fa;
  letter-spacing: -0.2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .support-method-icon .phone {
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
    letter-spacing: -0.2px;
    letter-spacing: -0.01464vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-icon .phone {
    margin-top: 12px;
    letter-spacing: -0.16px;
    font-size: 16px;
    line-height: 20px;
  }
}

.support-method-tutorial {
  display: block;
  margin-top: 37px;
}

@media screen and (max-width: 1365px) {
  .support-method-tutorial {
    margin-top: 37px;
    margin-top: 2.70864vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-tutorial {
    margin-top: 28px;
  }
}

.support-method-tutorial + .support-method-tutorial {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .support-method-tutorial + .support-method-tutorial {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-tutorial + .support-method-tutorial {
    margin-top: 24px;
  }
}

.support-method-tutorial .tutorial-method {
  color: #212121;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .support-method-tutorial .tutorial-method {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-tutorial .tutorial-method {
    font-size: 16px;
    line-height: 19px;
  }
}

.support-method-tutorial .tutorial-desc {
  margin-top: 9px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .support-method-tutorial .tutorial-desc {
    margin-top: 9px;
    margin-top: 0.65886vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-tutorial .tutorial-desc {
    margin-top: 12px;
    font-size: 15px;
    line-height: 21px;
  }
}

.support-method-link {
  display: block;
  margin-top: auto;
  padding: 16px;
  background-color: #212121;
  color: #fff;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .support-method-link {
    padding: 15px;
    padding: 1.0981vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .support-method-link {
    margin-top: 29px;
    padding: 15px 15px 16px;
    font-size: 14px;
    line-height: 17px;
  }
}

.customer-accordion {
  border-top: 2px solid #212121;
}

.customer-accordion:last-of-type {
  border-bottom: 1px solid #ededed;
}

.customer-accordion.is-show .customer-accordion-btn .icon {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.customer-accordion-btn {
  display: block;
  position: relative;
  width: 100%;
  padding: 34px 80px 34px 40px;
}

@media screen and (max-width: 1365px) {
  .customer-accordion-btn {
    padding: 34px 80px 34px 40px;
    padding: 2.48902vw 5.85652vw 2.48902vw 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-accordion-btn {
    padding: 16px 0;
  }
}

.customer-accordion-btn .btn-text {
  display: block;
  text-align: left;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .customer-accordion-btn .btn-text {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-accordion-btn .btn-text {
    font-size: 24px;
    line-height: 28px;
  }
}

.customer-accordion-btn .icon {
  position: absolute;
  right: 40px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .customer-accordion-btn .icon {
    right: 40px;
    right: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-accordion-btn .icon {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .customer-accordion-btn .icon-down {
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -266px -617px;
    background-repeat: no-repeat;
  }
}

.customer-accordion-content {
  display: none;
  border-top: 1px solid #dedede;
}

.customer-accordion-box {
  width: 894px;
  margin: 0 0 0 auto;
  padding: 60px 0;
}

@media screen and (max-width: 1365px) {
  .customer-accordion-box {
    width: 894px;
    width: 65.44656vw;
    padding: 60px 0px;
    padding: 4.39239vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-accordion-box {
    width: 100%;
    padding: 40px 0;
  }
}

.consultation-process-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

@media screen and (max-width: 768px) {
  .consultation-process-list {
    padding-bottom: 40px;
  }
}

.consultation-process-item {
  position: relative;
  width: calc(100% / 3);
  min-height: 180px;
  padding: 27px 30px 20px;
  border: 1px solid #dbdbdb;
  background-color: #f8fbff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .consultation-process-item {
    min-height: 180px;
    min-height: 13.17716vw;
    padding: 27px 30px 36px;
    padding: 1.97657vw 2.19619vw 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .consultation-process-item {
    width: 50%;
    min-height: 120px;
    padding: 14px 15px;
  }
}

@media (min-width: 769px) {
  .consultation-process-item:not(:nth-child(3n -2)) {
    border-left: none;
  }
}

@media (min-width: 769px) {
  .consultation-process-item:nth-child(n + 4) {
    border-top: none;
  }
}

@media screen and (max-width: 768px) {
  .consultation-process-item:nth-child(2n) {
    border-left: none;
  }
}

@media screen and (max-width: 768px) {
  .consultation-process-item:nth-child(n + 3) {
    border-top: none;
  }
}

.consultation-process-step {
  display: inline-block;
  position: absolute;
  top: 32px;
  left: 32px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .consultation-process-step {
    top: 32px;
    top: 2.34261vw;
    left: 32px;
    left: 2.34261vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consultation-process-step {
    top: 16px;
    left: 16px;
    font-size: 14px;
    line-height: 17px;
  }
}

.consultation-process-icon {
  display: block;
}

.consultation-process-title {
  display: block;
  margin-top: 12px;
  color: #0079fa;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .consultation-process-title {
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consultation-process-title {
    margin-top: 0;
    font-size: 14px;
    line-height: 17px;
  }
}

.consumer-related-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.consumer-related-item:not(:first-child) {
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .consumer-related-item:not(:first-child) {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-related-item:not(:first-child) {
    margin-top: 40px;
  }
}

.consumer-related-content {
  width: calc(100% - 48px);
  margin-left: 16px;
}

@media screen and (max-width: 1365px) {
  .consumer-related-content {
    width: calc(100% - 3.514vw);
    margin-left: 16px;
    margin-left: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-related-content {
    width: calc(100% - 30px);
    margin-left: 5px;
  }
}

.consumer-related-index, .consumer-related-title {
  color: #212121;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .consumer-related-index, .consumer-related-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-related-index, .consumer-related-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.consumer-related-index {
  display: inline-block;
  width: 32px;
}

@media screen and (max-width: 1365px) {
  .consumer-related-index {
    width: 32px;
    width: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-related-index {
    width: 25px;
  }
}

.consumer-related-desc {
  margin-top: 9px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .consumer-related-desc {
    margin-top: 9px;
    margin-top: 0.65886vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-related-desc {
    margin-top: 12px;
    font-size: 15px;
    line-height: 21px;
  }
}

.consumer-related-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 13px;
  color: #ccc;
  font-size: 16px;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .consumer-related-link {
    margin-top: 13px;
    margin-top: 0.95168vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-related-link {
    margin-top: 15px;
    font-size: 14px;
    line-height: 17px;
  }
}

.consumer-related-link .icon {
  margin-left: 4px;
}

.frequently-question.search-result .accordion-list {
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .frequently-question.search-result .accordion-list {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .frequently-question.search-result .accordion-list {
    margin-top: 20px;
  }
}

.frequently-question.search-result .customer-question {
  position: relative;
  margin-top: 60px;
}

@media screen and (max-width: 1365px) {
  .frequently-question.search-result .customer-question {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .frequently-question.search-result .customer-question {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .frequently-question.search-result .layer-search-form {
    margin-top: 40px;
  }
}

.frequently-question .section-tabs {
  overflow: hidden;
}

.frequently-question .accordion-list {
  border-top: 2px solid #212121;
}

@media screen and (max-width: 768px) {
  .frequently-question .accordion-item.is-show {
    border-bottom: 0;
  }
  .frequently-question .accordion-item.is-show .accordion-content {
    border-top: 1px solid #dbdbdb;
  }
}

.frequently-question .accordion-item.is-show .icon {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.frequently-question .accordion-item .icon {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.frequently-question .accordion-content {
  padding: 0;
  background-color: #fafafa;
}

.frequently-question .btn-accordion {
  position: relative;
  padding: 34px 80px 33px 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .frequently-question .btn-accordion {
    padding: 34px 80px 33px 56px;
    padding: 2.48902vw 5.85652vw 2.41581vw 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .frequently-question .btn-accordion {
    padding: 27px 54px 26px 15px;
  }
}

.frequently-question .btn-accordion .btn-text {
  display: block;
  width: 100%;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 20px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .frequently-question .btn-accordion .btn-text {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .frequently-question .btn-accordion .btn-text {
    font-size: 16px;
    line-height: 21px;
  }
}

.frequently-question .btn-accordion .icon {
  position: absolute;
  right: 40px;
}

@media screen and (max-width: 1365px) {
  .frequently-question .btn-accordion .icon {
    right: 40px;
    right: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .frequently-question .btn-accordion .icon {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .frequently-question .btn-accordion .icon-down {
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -266px -617px;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .frequently-question .customer-discover {
    margin-top: 60px;
  }
}

.customer-discover {
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .customer-discover {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover {
    margin-top: 56px;
  }
}

.customer-discover-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .customer-discover-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover-title {
    font-size: 16px;
    line-height: 20px;
  }
}

.customer-discover-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 28px -12px -12px;
}

@media screen and (max-width: 1365px) {
  .customer-discover-list {
    margin: 28px -12px -12px;
    margin: 2.04978vw -0.87848vw -0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 27px -5px -5px;
  }
}

.customer-discover-link {
  padding: 31px 45px 35px;
  color: #212121;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .customer-discover-link {
    padding: 31px 45px 35px;
    padding: 2.2694vw 3.29429vw 2.56223vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover-link {
    padding: 14px;
    font-size: 13px;
    line-height: 15px;
  }
}

@media screen and (min-width: 1366px) {
  .customer-discover-link:hover {
    background-color: #fafafa;
  }
}

.customer-discover-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: calc(100% / 4 - 24px);
  flex-basis: calc(100% / 4 - 24px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 12px;
  border: 1px solid #dbdbdb;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .customer-discover-item {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover-item {
    -ms-flex-preferred-size: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    margin: 5px;
  }
}

.customer-discover-bg {
  width: 190px;
  height: 42px;
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .customer-discover-bg {
    width: 190px;
    width: 13.90922vw;
    height: 42px;
    height: 3.07467vw;
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover-bg {
    width: 105px;
    height: 23px;
    margin-top: 9px;
  }
}

.customer-discover-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.customer-discover-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 27px;
}

@media screen and (max-width: 1365px) {
  .customer-discover-btn {
    margin-top: 27px;
    margin-top: 1.97657vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover-btn {
    margin-top: 10px;
  }
}

.customer-discover-btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc((100% - 24px) / 2);
  padding: 19px;
  border: 1px solid #dbdbdb;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .customer-discover-btn .btn {
    width: calc((100% - 1.77vw) / 2);
    padding: 19px;
    padding: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover-btn .btn {
    width: calc((100% - 10px) / 2);
    padding: 11px;
  }
}

.customer-discover-btn .text {
  display: block;
  margin-left: 12px;
  color: #212121;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
}

@media screen and (max-width: 1365px) {
  .customer-discover-btn .text {
    margin-left: 12px;
    margin-left: 0.87848vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 36px;
    line-height: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .customer-discover-btn .text {
    margin-left: 5px;
    font-size: 13px;
    line-height: 15px;
  }
}

.etc-question-title {
  display: block;
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .etc-question-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question-title {
    color: #191919;
    font-size: 24px;
    line-height: 29px;
  }
}

.etc-question .accordion-list {
  margin-top: 40px;
  border-top: 2px solid #212121;
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-list {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-list {
    margin-top: 15px;
  }
}

.etc-question .accordion-item.is-show .icon-down {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.etc-question .accordion-item .icon-down {
  right: 40px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-item .icon-down {
    right: 40px;
    right: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-item .icon-down {
    right: 0;
    width: 40px;
    height: 40px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -266px -617px;
    background-repeat: no-repeat;
  }
}

.etc-question .btn-accordion {
  position: relative;
}

.etc-question .btn-text-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .etc-question .btn-text-group {
    display: block;
  }
}

.etc-question .btn-title {
  display: block;
  width: 120px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .etc-question .btn-title {
    width: 120px;
    width: 8.78477vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .btn-title {
    width: 100%;
    font-size: 14px;
    line-height: 17px;
  }
}

.etc-question .btn-text {
  display: block;
  width: calc(100% - 180px);
  margin-left: 20px;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .etc-question .btn-text {
    width: calc(100% - 13.177vw);
    margin-left: 20px;
    margin-left: 1.46413vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .btn-text {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    font-size: 16px;
    line-height: 21px;
  }
}

.etc-question .accordion-content {
  padding: 48px 180px;
  background-color: #fafafa;
  border-top: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-content {
    padding: 48px 180px;
    padding: 3.51391vw 13.17716vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-content {
    padding: 24px 15px;
  }
}

.etc-question .accordion-content .btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-content .btn-list {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-content .btn-list {
    display: block;
    margin-top: 28px;
  }
}

.etc-question .accordion-content .btn-item {
  width: 264px;
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-content .btn-item {
    width: 264px;
    width: 19.3265vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-content .btn-item {
    width: 100%;
  }
}

.etc-question .accordion-content .btn-item:not(:first-child) {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-content .btn-item:not(:first-child) {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-content .btn-item:not(:first-child) {
    margin-top: 15px;
    margin-left: 0;
  }
}

.etc-question .accordion-content .btn-item .btn {
  display: block;
  padding: 14px 15px 13px;
  background-color: #757575;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 19px;
  font-weight: 400;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-content .btn-item .btn {
    padding: 14px 15px 13px;
    padding: 1.02489vw 1.0981vw 0.95168vw;
    font-size: 19px;
    font-size: 1.39092vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-content .btn-item .btn {
    padding: 15px;
    font-size: 14px;
    line-height: 17px;
  }
}

.etc-question .accordion-content .btn-item .text {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-content .btn-item .text {
    padding-right: 20px;
    padding-right: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-content .btn-item .text {
    padding-right: 18px;
  }
}

.etc-question .accordion-content .btn-item .text::after {
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -586px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .etc-question .accordion-content .btn-item .text::after {
    width: 1.46413vw;
    height: 1.46vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -42.9vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .etc-question .accordion-content .btn-item .text::after {
    width: 18px;
    height: 18px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1361.7px 1323px;
    background-size: 1361.7px 1323px;
    background-position: -527.4px -1297.8px;
    background-repeat: no-repeat;
  }
}

.page-lab-list {
  overflow: hidden;
}

.page-lab-list .section-lab {
  padding: 160px 0 202px;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .section-lab {
    padding: 160px 0px 202px;
    padding: 11.71303vw 0vw 14.7877vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .section-lab {
    padding: 80px 0 120px;
  }
}

.page-lab-list .section-lab .lab-item .lab-info-hover .info {
  padding-bottom: 120px;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .section-lab .lab-item .lab-info-hover .info {
    padding-bottom: 120px;
    padding-bottom: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .section-lab .lab-item .lab-info-hover .info {
    padding: 0;
  }
}

.page-lab-list .section-col-left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0;
}

.page-lab-list .section-col-right {
  margin-left: 186px;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .section-col-right {
    margin-left: 186px;
    margin-left: 13.6164vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .section-col-right {
    margin-left: 0;
  }
}

.page-lab-list .main-title-area {
  top: 160px;
  bottom: auto;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .main-title-area {
    top: 160px;
    top: 11.71303vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .main-title-area {
    font-size: 28px;
    line-height: 36px;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-list {
    margin-top: 40px;
  }
}

.page-lab-list .lab-item:nth-child(2), .page-lab-list .lab-item:nth-child(6) {
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .lab-item:nth-child(2), .page-lab-list .lab-item:nth-child(6) {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

.page-lab-list .lab-item:nth-child(3), .page-lab-list .lab-item:nth-child(5) {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-item + .lab-item {
    margin-top: 60px;
  }
}

@media screen and (max-width: 1365px) {
  .page-lab-list .lab-item .lab-image img {
    width: auto;
  }
}

.page-lab-list .lab-link {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-link {
    overflow: visible;
  }
}

.page-lab-list .lab-image {
  position: relative;
  display: block;
  width: 384px;
  height: 480px;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .lab-image {
    width: 384px;
    width: 28.11127vw;
    height: 480px;
    height: 35.13909vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-image {
    width: 100%;
    height: auto;
  }
}

.page-lab-list .lab-info-list {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 22px 34px 23px 32px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .3s, -webkit-transform .5s;
  transition: opacity .3s, -webkit-transform .5s;
  transition: opacity .3s, transform .5s;
  transition: opacity .3s, transform .5s, -webkit-transform .5s;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .lab-info-list {
    padding: 22px 34px 23px 32px;
    padding: 1.61054vw 2.48902vw 1.68375vw 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-info-list {
    padding: 16px 19px 16px 24px;
    text-align: left;
  }
}

.page-lab-list .lab-info-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-lab-list .lab-info-title .number {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .lab-info-title .number {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-info-title .number {
    font-size: 13px;
    line-height: 16px;
  }
}

.page-lab-list .lab-info-title .text {
  margin: 0 0 8px 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .lab-info-title .text {
    margin: 0px 0px 8px 12px;
    margin: 0vw 0vw 0.58565vw 0.87848vw;
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 39px;
    line-height: 2.85505vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-info-title .text {
    margin: 0 0 10px 8px;
    font-size: 24px;
    line-height: 29px;
    color: #191919;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-info-hover {
    position: static;
    background: none;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .page-lab-list .lab-info-hover::after {
    display: none;
  }
}

.page-lab-list .lab-info-hover .info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.page-lab-list .lab-info-hover .info-desc {
  margin-top: 24px;
  font-size: 18px;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .page-lab-list .lab-info-hover .info-desc {
    margin-top: 24px;
    margin-top: 1.75695vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-list .lab-info-hover .info-desc {
    margin: 20px 0 0;
    padding: 0;
    font-size: 17px;
    line-height: 22px;
    color: #757575;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    word-break: keep-all;
    word-wrap: break-word;
  }
}

.page-lab-detail .section .container {
  max-width: 1200px;
}

.page-lab-detail .section-title .container {
  padding-top: 60px;
}

.page-lab-detail .section .title-area .title {
  margin-top: 36px;
  font-size: 56px;
  line-height: 76px;
}

@media screen and (max-width: 1365px) {
  .page-lab-detail .section .title-area .title {
    margin-top: 36px;
    margin-top: 2.63543vw;
    font-size: 56px;
    font-size: 4.09956vw;
    line-height: 76px;
    line-height: 5.56369vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-detail .section .title-area .title {
    margin-top: 30px;
    font-size: 24px;
    line-height: 29px;
  }
}

.page-lab-detail .box-content-rd {
  margin-top: 200px;
}

@media screen and (max-width: 1365px) {
  .page-lab-detail .box-content-rd {
    margin-top: 200px;
    margin-top: 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-detail .box-content-rd {
    margin-top: 80px;
  }
}

.page-lab-detail .box-content-rd + .box-content-rd {
  margin-top: 100px;
}

@media screen and (max-width: 1365px) {
  .page-lab-detail .box-content-rd + .box-content-rd {
    margin-top: 100px;
    margin-top: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-detail .box-content-rd + .box-content-rd {
    margin-top: 80px;
  }
}

.page-lab-detail .box-content-rd.box-content-rd-derma {
  margin: 210px 0 28px;
}

@media screen and (max-width: 1365px) {
  .page-lab-detail .box-content-rd.box-content-rd-derma {
    margin: 210px 0px 28px;
    margin: 15.37335vw 0vw 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .page-lab-detail .box-content-rd.box-content-rd-derma {
    margin-top: 60px;
  }
}

.section-lab-about {
  padding: 160px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-lab-about {
    padding: 160px 0px 200px;
    padding: 11.71303vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab-about {
    padding: 80px 0 120px;
  }
}

.section-lab-about .intro-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .section-lab-about .intro-title {
    font-size: 48px;
    font-size: 3.51391vw;
    line-height: 62px;
    line-height: 4.5388vw;
  }
}

@media screen and (max-width: 768px) {
  .section-lab-about .intro-title {
    font-size: 16px;
    line-height: 22px;
  }
}

.section-research-detail {
  padding: 100px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-research-detail {
    padding: 100px 0px 200px;
    padding: 7.32064vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-research-detail {
    padding: 80px 0 120px;
  }
}

.box-content-rd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
}

@media screen and (max-width: 1365px) {
  .box-content-rd {
    margin-top: 100px;
    margin-top: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .box-content-rd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .box-content-rd.box-content-rd-style2 .box-title {
    font-size: 15px;
    font-weight: 300;
    line-height: 21px;
    color: #757575;
  }
}

.box-content-rd .box-title {
  position: relative;
  z-index: 2;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  color: #000;
}

@media screen and (max-width: 1365px) {
  .box-content-rd .box-title {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 42px;
    line-height: 3.07467vw;
  }
}

@media screen and (max-width: 768px) {
  .box-content-rd .box-title {
    display: inline-block;
    margin-top: 22px;
    font-size: 16px;
    line-height: 22px;
  }
}

.box-content-rd .box-sub-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .box-content-rd .box-sub-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .box-content-rd .box-sub-title {
    font-size: 28px;
    line-height: 36px;
    color: #191919;
  }
}

@media screen and (max-width: 768px) {
  .box-content-rd .box-sub-title-style2 {
    font-size: 24px;
    line-height: 28px;
    color: #191919;
  }
}

.box-content-left {
  width: 306px;
}

@media screen and (max-width: 1365px) {
  .box-content-left {
    width: 306px;
    width: 22.40117vw;
  }
}

@media screen and (max-width: 768px) {
  .box-content-left {
    width: 100%;
  }
}

.box-content-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
}

.research-product-box {
  padding: 100px 0;
  background: #f8fbff;
}

@media screen and (max-width: 1365px) {
  .research-product-box {
    padding: 100px 0px;
    padding: 7.32064vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-box {
    padding: 40px 0;
  }
}

.research-product-box .box-content-rd {
  margin-top: 0;
}

.research-product-box .box-title {
  font-size: 30px;
  line-height: 40px;
}

@media screen and (max-width: 1365px) {
  .research-product-box .box-title {
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-box .box-title {
    font-size: 16px;
    line-height: 22px;
  }
}

.research-product-slider {
  padding-right: 200px;
}

@media screen and (max-width: 1365px) {
  .research-product-slider {
    padding-right: 200px;
    padding-right: 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-slider {
    padding-right: 0;
  }
}

.research-product-slider .swiper-wrapper {
  margin: 80px 0 0 98px;
}

@media screen and (max-width: 768px) {
  .research-product-slider .swiper-wrapper {
    margin: 20px 0 0;
  }
}

.research-product-slider .swiper-slide {
  position: relative;
  width: 320px;
}

@media (max-width: 1365px) {
  .research-product-slider .swiper-slide {
    text-align: center;
    width: 320px;
    width: 23.42606vw;
  }
}

@media (min-width: 1366px) {
  .research-product-slider .swiper-slide:hover .research-product-year {
    color: #0079fa;
    -webkit-transition: color .45s;
    transition: color .45s;
  }
  .research-product-slider .swiper-slide:hover .research-product-info {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .45s;
    transition: opacity .45s;
  }
}

@media screen and (max-width: 768px) {
  .research-product-slider .swiper-scrollbar {
    position: static;
    left: 0;
    right: 0;
    max-width: calc(100% - 91px);
    height: 2px;
    margin: 15px auto 0;
    background: #ededed;
    border-radius: 0;
  }
}

.research-product-slider .swiper-scrollbar-drag {
  border-radius: 0;
  background: #0079fa;
}

.research-product-item-box {
  display: inline-block;
}

.research-product-year {
  font-size: 120px;
  font-weight: 700;
  line-height: 144px;
  color: rgba(0, 121, 250, 0.1);
}

@media screen and (max-width: 1365px) {
  .research-product-year {
    font-size: 120px;
    font-size: 8.78477vw;
    line-height: 144px;
    line-height: 10.54173vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-year {
    font-size: 118px;
    line-height: 141px;
  }
}

.research-product-thumb {
  position: relative;
}

.research-product-thumb .img {
  width: auto;
  height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 1365px) {
  .research-product-thumb .img {
    height: 220px;
    height: 16.10542vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-thumb .img {
    height: 244px;
  }
}

.research-product-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: -63px;
}

@media (max-width: 1365px) {
  .research-product-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 1365px) {
  .research-product-detail {
    margin-top: -63px;
    margin-top: -4.61201vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-detail {
    margin-top: -56px;
  }
}

.research-product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 193px;
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 1366px) {
  .research-product-info {
    white-space: nowrap;
  }
}

@media (max-width: 1365px) {
  .research-product-info {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 24px;
    opacity: 1;
    visibility: visible;
  }
}

.research-product-uses {
  font-size: 16px;
  line-height: 20px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .research-product-uses {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-uses {
    font-size: 18px;
    line-height: 22px;
  }
}

.research-product-name {
  margin-top: 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .research-product-name {
    margin-top: 4px;
    margin-top: 0.29283vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-name {
    margin-top: 3px;
    font-size: 23px;
    line-height: 29px;
  }
}

.research-product-desc {
  margin-top: 10px;
  font-size: 12px;
  line-height: 15px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .research-product-desc {
    margin-top: 10px;
    margin-top: 0.73206vw;
    font-size: 12px;
    font-size: 0.87848vw;
    line-height: 15px;
    line-height: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .research-product-desc {
    margin-top: 8px;
    font-size: 13px;
    line-height: 16px;
  }
}

.research-area-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 51px -12px 90px;
}

@media screen and (max-width: 1365px) {
  .research-area-list {
    margin: 51px -12px 90px;
    margin: 3.73353vw -0.87848vw 6.58858vw;
  }
}

@media screen and (max-width: 768px) {
  .research-area-list {
    margin: 40px 0;
  }
}

.research-area-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: calc(100% / 3 - 24px);
  flex-basis: calc(100% / 3 - 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
}

@media screen and (max-width: 1365px) {
  .research-area-item {
    margin: 12px;
    margin: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .research-area-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0;
  }
  .research-area-item:not(:first-child) {
    margin-top: 20px;
  }
}

.research-area-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  min-height: 380px;
  padding: 40px 18px 16px 30px;
  border: 2px solid #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .research-area-box {
    min-height: 380px;
    min-height: 27.81845vw;
    padding: 40px 18px 16px 30px;
    padding: 2.92826vw 1.31772vw 1.1713vw 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .research-area-box {
    min-height: 0;
    padding: 22px 34px 18px 21px;
  }
}

.research-area-box:after {
  position: absolute;
  left: 8px;
  top: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  border: 1px dashed #0079fa;
  pointer-events: none;
  content: '';
}

@media screen and (max-width: 1365px) {
  .research-area-box:after {
    top: 8px;
    top: 0.58565vw;
    right: 8px;
    right: 0.58565vw;
    bottom: 8px;
    bottom: 0.58565vw;
    left: 8px;
    left: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .research-area-box:after {
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
  }
}

.research-area-box .icon {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: auto;
}

@media screen and (max-width: 768px) {
  .research-area-box .icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }
}

@media (min-width: 1366px) {
  .research-area-box:hover {
    background-color: #0079fa;
  }
  .research-area-box:hover .icon-lab-center-blue {
    width: 96px;
    height: 96px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -836px -1130px;
    background-repeat: no-repeat;
  }
  .research-area-box:hover .icon-lab-material-blue {
    width: 96px;
    height: 96px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -628px -1130px;
    background-repeat: no-repeat;
  }
  .research-area-box:hover .icon-lab-medicinal-blue {
    width: 96px;
    height: 96px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1150.24px -220px;
    background-repeat: no-repeat;
  }
  .research-area-box:hover .icon-lab-analytical-blue {
    width: 96px;
    height: 96px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1150.24px -948px;
    background-repeat: no-repeat;
  }
  .research-area-box:hover .icon-lab-sensory-blue {
    width: 96px;
    height: 96px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -212px -1130px;
    background-repeat: no-repeat;
  }
  .research-area-box:hover .icon-lab-sustainable-blue {
    width: 96px;
    height: 96px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1150.24px -740px;
    background-repeat: no-repeat;
  }
}

.research-area-name {
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  color: #212121;
  letter-spacing: -0.26px;
}

@media (min-width: 1366px) {
  .research-area-box:hover .research-area-name {
    color: #fff;
  }
}

@media screen and (max-width: 1365px) {
  .research-area-name {
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .research-area-name {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.2px;
  }
}

.research-area-name-en {
  margin-top: 10px;
  font-size: 20px;
  line-height: 25px;
  color: #757575;
  letter-spacing: -0.2px;
}

@media (min-width: 1366px) {
  .research-area-box:hover .research-area-name-en {
    color: #fff;
  }
}

@media screen and (max-width: 1365px) {
  .research-area-name-en {
    margin-top: 10px;
    margin-top: 0.73206vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 25px;
    line-height: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .research-area-name-en {
    margin-top: 5px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.15px;
  }
}

.research-area-desc {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 108px;
  margin: 20px 0 4px;
  font-size: 16px;
  line-height: 26px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media (min-width: 1366px) {
  .research-area-box:hover .research-area-desc {
    color: #fff;
  }
}

@media screen and (max-width: 1365px) {
  .research-area-desc {
    min-height: 108px;
    min-height: 7.9063vw;
    margin: 20px 0px 4px;
    margin: 1.46413vw 0vw 0.29283vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .research-area-desc {
    max-width: calc(100% - 75px);
    min-height: 114px;
    margin: 12px 0 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.15px;
  }
}

.research-affiliate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .research-affiliate-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px;
  }
}

.research-affiliate-item {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .research-affiliate-item {
    width: 100%;
  }
}

.research-affiliate-item:not(:first-child) {
  margin-left: 78px;
}

@media screen and (max-width: 1365px) {
  .research-affiliate-item:not(:first-child) {
    margin-left: 78px;
    margin-left: 5.7101vw;
  }
}

@media screen and (max-width: 768px) {
  .research-affiliate-item:not(:first-child) {
    margin: 38px 0 0;
  }
}

.research-affiliate-thumb {
  display: block;
  position: relative;
  padding-bottom: 88.235%;
}

.research-affiliate-thumb::after {
  position: absolute;
  top: 10px;
  right: 14px;
  width: 130px;
  height: 65.72222px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1092.72222px 1061.66667px;
  background-size: 1092.72222px 1061.66667px;
  background-position: -40.44444px -106.16667px;
  background-repeat: no-repeat;
  content: '';
}

@media screen and (max-width: 1365px) {
  .research-affiliate-thumb::after {
    top: 10px;
    top: 0.73206vw;
    right: 14px;
    right: 1.02489vw;
    width: 9.51684vw;
    height: 4.81vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 79.99vw 77.72vw;
    background-size: 79.99vw 77.72vw;
    background-position: -2.96vw -7.77vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .research-affiliate-thumb::after {
    top: 12px;
    right: 14px;
    width: 100px;
    height: 50.55556px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 840.55556px 816.66667px;
    background-size: 840.55556px 816.66667px;
    background-position: -31.11111px -81.66667px;
    background-repeat: no-repeat;
  }
}

.research-affiliate-thumb-derma::after {
  width: 130px;
  height: 62.83333px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1092.72222px 1061.66667px;
  background-size: 1092.72222px 1061.66667px;
  background-position: -40.44444px -37.55556px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .research-affiliate-thumb-derma::after {
    width: 9.51684vw;
    height: 4.6vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 79.99vw 77.72vw;
    background-size: 79.99vw 77.72vw;
    background-position: -2.96vw -2.75vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .research-affiliate-thumb-derma::after {
    width: 100px;
    height: 48.33333px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 840.55556px 816.66667px;
    background-size: 840.55556px 816.66667px;
    background-position: -31.11111px -28.88889px;
    background-repeat: no-repeat;
  }
}

.research-affiliate-thumb .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.research-affiliate-name {
  display: block;
  margin-top: 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .research-affiliate-name {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .research-affiliate-name {
    margin-top: 25px;
    font-size: 17px;
    line-height: 20px;
  }
}

.research-affiliate-desc {
  display: block;
  margin-top: 18px;
  font-size: 18px;
  line-height: 25px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .research-affiliate-desc {
    margin-top: 18px;
    margin-top: 1.31772vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 25px;
    line-height: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .research-affiliate-desc {
    margin-top: 16px;
    font-size: 15px;
    line-height: 20px;
  }
}

.research-affiliate-link {
  display: inline-block;
  position: relative;
  margin-top: 24px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #212121;
}

@media (min-width: 1366px) {
  .research-affiliate-link {
    -webkit-transition: color .2s;
    transition: color .2s;
  }
  .research-affiliate-link:hover {
    color: #0079fa;
  }
  .research-affiliate-link:hover::after {
    background: #0079fa;
  }
}

@media screen and (max-width: 1365px) {
  .research-affiliate-link {
    margin-top: 24px;
    margin-top: 1.75695vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .research-affiliate-link {
    margin-top: 16px;
    font-size: 13px;
    line-height: 16px;
  }
}

.research-affiliate-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #212121;
  -webkit-transition: background .2s;
  transition: background .2s;
  content: '';
}

.research-achievement-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 -6px;
}

@media screen and (max-width: 1365px) {
  .research-achievement-lst {
    margin: 0px -6px;
    margin: 0vw -0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .research-achievement-lst {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 9px -8px 0;
  }
}

.research-achievement-itm {
  position: relative;
  width: calc(100% / 3 - 12px);
  margin: 0 6px;
}

@media (min-width: 1366px) {
  .research-achievement-itm:hover .research-achievement-info {
    display: block;
  }
  .research-achievement-itm:hover .research-achievement-name {
    z-index: 2;
    color: #fff;
  }
}

@media screen and (max-width: 1365px) {
  .research-achievement-itm {
    margin: 0px 6px;
    margin: 0vw 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .research-achievement-itm {
    width: 100%;
    max-width: 312px;
    margin: 15px 8px 0;
  }
}

.research-achievement-itm > .research-achievement-name {
  position: absolute;
  top: 32px;
  left: 24px;
}

@media screen and (max-width: 1365px) {
  .research-achievement-itm > .research-achievement-name {
    display: none;
  }
}

.research-achievement-thumb {
  display: block;
  position: relative;
  padding-bottom: 148.9%;
}

.research-achievement-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.research-achievement-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 32px 18px 32px 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1366px) {
  .research-achievement-info {
    display: none;
    background: rgba(0, 121, 250, 0.8);
    color: #fff;
  }
}

@media screen and (max-width: 1365px) {
  .research-achievement-info {
    padding: 24px 18px 32px 24px;
    padding: 1.75695vw 1.31772vw 2.34261vw 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .research-achievement-info {
    padding: 28px 24px 0;
  }
}

.research-achievement-info .research-achievement-name {
  width: calc(100% + 18px);
}

@media screen and (max-width: 1365px) {
  .research-achievement-info .research-achievement-name {
    width: calc(100% + 1.3177vw);
  }
}

@media screen and (max-width: 768px) {
  .research-achievement-info .research-achievement-name {
    width: 100%;
  }
}

.research-achievement-name {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
}

@media screen and (max-width: 1365px) {
  .research-achievement-name {
    font-size: 28px;
    font-size: 2.04978vw;
    line-height: 35px;
    line-height: 2.56223vw;
  }
  .research-achievement-name br.only-pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .research-achievement-name {
    font-size: 20px;
    line-height: 24px;
    color: #000;
  }
}

.research-achievement-detail {
  margin-top: 60px;
}

@media screen and (max-width: 1365px) {
  .research-achievement-detail {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .research-achievement-detail {
    margin-top: 16px;
  }
}

.research-achievement-detail .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.18px;
  word-break: keep-all;
  word-wrap: break-word;
}

.research-achievement-detail .text + .text {
  margin-top: 14px;
}

@media screen and (max-width: 1365px) {
  .research-achievement-detail .text + .text {
    margin-top: 8px;
    margin-top: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .research-achievement-detail .text + .text {
    margin-top: 8px;
  }
}

.research-achievement-detail .text::before {
  display: inline-block;
  margin-right: 4px;
  content: '·';
}

@media screen and (max-width: 1365px) {
  .research-achievement-detail .text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
  .research-achievement-detail .text br.only-pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .research-achievement-detail .text {
    margin-top: 8px;
    font-size: 15px;
    line-height: 18px;
    color: #000;
    letter-spacing: -0.06px;
  }
}

.research-result-derma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 88px 56px 0 0;
}

@media screen and (max-width: 1365px) {
  .research-result-derma {
    margin: 88px 56px 0px 0px;
    margin: 6.44217vw 4.09956vw 0vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .research-result-derma {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 60px 0 0;
  }
}

.research-result-derma-title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 80px;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  color: #191919;
}

@media screen and (max-width: 1365px) {
  .research-result-derma-title {
    margin-right: 80px;
    margin-right: 5.85652vw;
    font-size: 28px;
    font-size: 2.04978vw;
    line-height: 34px;
    line-height: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .research-result-derma-title {
    margin-right: 0;
    font-size: 20px;
    line-height: 24px;
  }
}

.research-result-derma .result-derma-list {
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .research-result-derma .result-derma-list {
    margin: 25px 0 0;
  }
}

.research-result-derma .result-derma-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.research-result-derma .result-derma-item:not(:first-child) {
  margin-top: 22px;
}

@media screen and (max-width: 1365px) {
  .research-result-derma .result-derma-item:not(:first-child) {
    margin-top: 22px;
    margin-top: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .research-result-derma .result-derma-item:not(:first-child) {
    margin-top: 13px;
  }
}

.research-result-derma .result-derma-item .number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  min-width: 24px;
  min-height: 24px;
  margin-right: 12px;
  padding: 3px 8px;
  border-radius: 50%;
  background: #eff5ff;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  text-align: center;
  color: #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .research-result-derma .result-derma-item .number {
    min-width: 24px;
    min-width: 1.75695vw;
    min-height: 24px;
    min-height: 1.75695vw;
    margin-right: 12px;
    margin-right: 0.87848vw;
    padding: 3px 8px;
    padding: 0.21962vw 0.58565vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 17px;
    line-height: 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .research-result-derma .result-derma-item .number {
    min-width: 18px;
    min-height: 18px;
    margin-right: 15px;
    padding: 3px 6px;
    font-size: 11px;
    line-height: 12px;
  }
}

.research-result-derma .result-derma-item .text {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .research-result-derma .result-derma-item .text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .research-result-derma .result-derma-item .text {
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
  }
}

.box-intro-kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .box-intro-kv {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .box-intro-kv {
    margin-top: 40px;
  }
}

.box-intro-kv + .box-content-rd {
  margin-top: 200px;
}

@media screen and (max-width: 1365px) {
  .box-intro-kv + .box-content-rd {
    margin-top: 200px;
    margin-top: 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .box-intro-kv + .box-content-rd {
    margin-top: 100px;
  }
}

.box-intro-kv .box-sub-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .box-intro-kv .box-sub-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .box-intro-kv .box-sub-title {
    font-size: 28px;
    line-height: 36px;
    color: #191919;
  }
}

.box-intro-kv-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .box-intro-kv-content {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .box-intro-kv-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
  }
}

.box-intro-kv-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 1366px) {
  .box-intro-kv-text {
    position: absolute;
  }
  .box-intro-kv-text:first-child {
    top: 0;
  }
}

@media screen and (max-width: 768px) {
  .box-intro-kv-text:first-child .text, .box-intro-kv-text:first-child .desc {
    text-align: left;
  }
}

.box-intro-kv-text-right {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media screen and (max-width: 768px) {
  .box-intro-kv-text-right {
    text-align: right;
  }
}

@media (min-width: 1366px) {
  .box-intro-kv-text-right .step2 {
    min-width: 480px;
  }
}

.box-intro-kv-text > div[data-animate] {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@media screen and (max-width: 768px) {
  .box-intro-kv-text > div[data-animate] {
    -webkit-animation-duration: 1.45s;
    animation-duration: 1.45s;
  }
}

.box-intro-kv-text .text {
  display: block;
  font-size: 64px;
  font-weight: 700;
  line-height: 76px;
  color: #000;
}

@media screen and (max-width: 1365px) {
  .box-intro-kv-text .text {
    font-size: 60px;
    font-size: 4.39239vw;
    line-height: 72px;
    line-height: 5.27086vw;
  }
}

@media (max-width: 1024px) {
  .box-intro-kv-text .text {
    font-size: 56px;
    font-size: 4.09956vw;
    line-height: 68px;
    line-height: 4.97804vw;
  }
}

@media screen and (max-width: 768px) {
  .box-intro-kv-text .text {
    font-size: 35px;
    line-height: 42px;
  }
}

.box-intro-kv-text .text-right {
  text-align: right;
}

.box-intro-kv-text .desc {
  display: block;
  margin-top: 16px;
  font-size: 30px;
  line-height: 36px;
  color: #ccc;
  letter-spacing: -0.3px;
}

@media screen and (max-width: 1365px) {
  .box-intro-kv-text .desc {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 28px;
    font-size: 2.04978vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media (max-width: 1024px) {
  .box-intro-kv-text .desc {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .box-intro-kv-text .desc {
    margin-top: 5px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.16px;
  }
}

.box-intro-kv-thumb {
  overflow: hidden;
  width: 408px;
  margin: 87px 22px 60px;
}

@media (min-width: 1366px) {
  .box-intro-kv-thumb {
    padding-left: 22px;
  }
}

@media screen and (max-width: 1365px) {
  .box-intro-kv-thumb {
    width: 408px;
    width: 29.86823vw;
    margin: 87px 24px 60px;
    margin: 6.36896vw 1.75695vw 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .box-intro-kv-thumb {
    width: 100%;
    margin: 22px auto 20px;
  }
}

.box-intro-kv-thumb-inner {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 1.4s, -webkit-transform 1.4s;
  transition: opacity 1.4s, -webkit-transform 1.4s;
  transition: transform 1.4s, opacity 1.4s;
  transition: transform 1.4s, opacity 1.4s, -webkit-transform 1.4s;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

@media screen and (max-width: 768px) {
  .box-intro-kv-thumb-inner {
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
  }
}

.box-intro-kv-thumb-inner.is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.box-intro-kv-thumb img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.research-detail-image {
  margin-top: -8px;
}

@media screen and (max-width: 1365px) {
  .research-detail-image {
    margin-top: -8px;
    margin-top: -0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .research-detail-image {
    margin-top: 0;
  }
}

.research-detail-image-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 304px;
}

@media screen and (max-width: 1365px) {
  .research-detail-image-lst {
    margin-left: 306px;
    margin-left: 22.40117vw;
  }
}

@media screen and (max-width: 768px) {
  .research-detail-image-lst {
    margin: 50px -24px 0 0;
  }
}

.research-detail-image-lst .is-right {
  text-align: right;
}

.research-detail-image-itm {
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(80%);
  transform: translateY(80%);
}

.research-detail-image-itm.animate-active[data-animate="RDImgFadeInUp"] {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-property: opacity transform;
  transition-property: opacity transform;
  -webkit-transition-duration: 3.8s;
  transition-duration: 3.8s;
  -webkit-transition-delay: calc(var(--i, 0) * 0.1s);
  transition-delay: calc(var(--i, 0) * 0.1s);
  -webkit-transition-timing-function: cubic-bezier(0.17, 0.29, 0.06, 0.93);
  transition-timing-function: cubic-bezier(0.17, 0.29, 0.06, 0.93);
}

.research-detail-image-itm::after {
  display: block;
  content: '';
}

.research-detail-image-itm img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.research-detail-image-itm.style1 {
  width: 40.717%;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.research-detail-image-itm.style1::after {
  padding-bottom: 100%;
}

@media screen and (max-width: 768px) {
  .research-detail-image-itm.style1 {
    width: 45.835%;
  }
}

.research-detail-image-itm.style2 {
  width: 40.94%;
  margin-top: -158px;
}

@media screen and (max-width: 1365px) {
  .research-detail-image-itm.style2 {
    margin-top: -158px;
    margin-top: -11.56662vw;
  }
}

@media screen and (max-width: 768px) {
  .research-detail-image-itm.style2 {
    width: 38.1%;
    margin-top: -44px;
  }
}

.research-detail-image-itm.style2::after {
  padding-bottom: 123.43%;
}

.research-detail-image-itm.style3 {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 66.891%;
  margin-top: -164px;
}

@media screen and (max-width: 1365px) {
  .research-detail-image-itm.style3 {
    margin-top: -164px;
    margin-top: -12.00586vw;
  }
}

@media screen and (max-width: 768px) {
  .research-detail-image-itm.style3 {
    position: relative;
    z-index: -1;
    width: 75.3%;
    margin-top: -59px;
  }
}

.research-detail-image-itm.style3::after {
  padding-bottom: 72.91%;
}

.unique-prescription {
  position: relative;
  padding: 0 102px 0 104px;
}

@media screen and (max-width: 1365px) {
  .unique-prescription {
    padding: 0px 102px 0px 104px;
    padding: 0vw 7.46706vw 0vw 7.61347vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription {
    margin-top: 44px;
    padding: 0;
  }
}

.unique-prescription.skin-health-type1 {
  padding: 0 102px 0 138px;
}

@media screen and (max-width: 1365px) {
  .unique-prescription.skin-health-type1 {
    padding: 0px 102px 0px 138px;
    padding: 0vw 7.46706vw 0vw 10.10249vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription.skin-health-type1 {
    margin-bottom: 42px;
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription:not(.skin-health-type1):not(.skin-health-type2) .unique-prescription-item:nth-child(odd) .unique-prescription-text {
    padding-left: 19.2px;
    padding-left: 2.5vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription:not(.skin-health-type1):not(.skin-health-type2) .unique-prescription-item:nth-child(odd) .unique-prescription-text {
    padding-left: 9px;
    padding-left: 2.5vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription:not(.skin-health-type1):not(.skin-health-type2) .unique-prescription-item:nth-child(even) .unique-prescription-text {
    padding-left: 6.4px;
    padding-left: 0.83333vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription:not(.skin-health-type1):not(.skin-health-type2) .unique-prescription-item:nth-child(even) .unique-prescription-text {
    padding-left: 3px;
    padding-left: 0.83333vw;
  }
}

.unique-prescription-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 688px;
  height: 616px;
  margin-top: -72px;
  padding: 177px 30px 167px;
  background-image: url(/img/svg/bg_pc_unique_prescription-b19bbade4878b7228916441c476d92b0.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .unique-prescription-list {
    width: 688px;
    width: 50.36603vw;
    height: 616px;
    height: 45.09517vw;
    margin-top: -54px;
    margin-top: -3.95315vw;
    padding: 177px 30px 167px;
    padding: 12.95754vw 2.19619vw 12.22548vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 32px 0px;
    padding: 4.16667vw 0vw;
    background-image: none;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription-list {
    padding: 15px 0px;
    padding: 4.16667vw 0vw;
  }
}

.unique-prescription-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100%/3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .unique-prescription-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
  }
}

.unique-prescription-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  color: #0379fa;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .unique-prescription-text {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 27px;
    line-height: 1.97657vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription-text {
    font-size: 32px;
    font-size: 4.16667vw;
    line-height: 51.2px;
    line-height: 6.66667vw;
    color: #0379fa;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription-text {
    font-size: 15px;
    font-size: 4.16667vw;
    line-height: 24px;
    line-height: 6.66667vw;
  }
}

.unique-prescription-sub {
  margin-top: 12px;
  font-size: 16px;
  line-height: 24px;
  color: #757575;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .unique-prescription-sub {
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription-sub {
    margin-top: 21.33333px;
    margin-top: 2.77778vw;
    font-size: 29.86667px;
    font-size: 3.88889vw;
    line-height: 42.66667px;
    line-height: 5.55556vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription-sub {
    margin-top: 10px;
    margin-top: 2.77778vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription-sub {
    font-size: 14px;
    font-size: 3.88889vw;
    line-height: 20px;
    line-height: 5.55556vw;
  }
}

.unique-prescription-bg img {
  width: 100%;
}

.unique-prescription-title {
  position: absolute;
  top: 50%;
  left: 50px;
  z-index: 2;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #fff;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .unique-prescription-title {
    left: 50px;
    left: 3.66032vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription-title {
    top: calc(100% + 20px);
    left: 50%;
    color: #0379fa;
    font-size: 15px;
    line-height: 18px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.unique-prescription.skin-health-type1 .unique-prescription-list {
  width: 616px;
  margin-top: -85px;
  padding: 158px 96px 167px;
  background-image: url(/img/svg/bg_pc_skin_health-bab899f0899d083b0ce1ca2b49132d86.svg);
}

@media screen and (max-width: 1365px) {
  .unique-prescription.skin-health-type1 .unique-prescription-list {
    width: 616px;
    width: 45.09517vw;
    margin-top: -85px;
    margin-top: -6.22255vw;
    padding: 158px 96px 167px;
    padding: 11.56662vw 7.02782vw 12.22548vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription.skin-health-type1 .unique-prescription-list {
    width: 100%;
    margin-top: 0;
    background-image: none;
    padding: 64px 0px 42.66667px;
    padding: 8.33333vw 0vw 5.55556vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type1 .unique-prescription-list {
    padding: 30px 0px 20px;
    padding: 8.33333vw 0vw 5.55556vw;
  }
}

.unique-prescription.skin-health-type1 .unique-prescription-item {
  width: calc(100%/2);
  padding: 20px;
}

@media screen and (max-width: 1365px) {
  .unique-prescription.skin-health-type1 .unique-prescription-item {
    padding: 20px;
    padding: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription.skin-health-type1 .unique-prescription-item {
    width: 354.13333px;
    width: 46.11111vw;
    margin: 0 auto;
    padding: 0px 42.66667px;
    padding: 0vw 5.55556vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type1 .unique-prescription-item {
    width: 166px;
    width: 46.11111vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type1 .unique-prescription-item {
    padding: 0px 20px;
    padding: 0vw 5.55556vw;
  }
}

.unique-prescription.skin-health-type1 + .box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: -40px;
  padding-right: 68px;
}

@media screen and (max-width: 1365px) {
  .unique-prescription.skin-health-type1 + .box-title {
    margin-top: -40px;
    margin-top: -2.92826vw;
    padding-right: 68px;
    padding-right: 4.97804vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription.skin-health-type1 + .box-title {
    margin: 0;
    padding: 0;
  }
}

.unique-prescription.skin-health-type1 .unique-prescription-bg {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
}

.unique-prescription.skin-health-type2 {
  padding: 0;
}

.unique-prescription.skin-health-type2 .unique-prescription-list {
  width: 878px;
  height: 446px;
  margin-top: 0;
  padding: 172px 35px 171px 173px;
  background-image: url(/img/section/bg_pc_skin_health2-94f54b248f9c2f51c2b4fd4ba14d1e98.png);
}

@media screen and (max-width: 1365px) {
  .unique-prescription.skin-health-type2 .unique-prescription-list {
    width: 878px;
    width: 64.27526vw;
    height: 446px;
    height: 32.65007vw;
    padding: 172px 35px 171px 173px;
    padding: 12.59151vw 2.56223vw 12.5183vw 12.66471vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription.skin-health-type2 .unique-prescription-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: static;
    width: 100%;
    min-height: 1265.06667px;
    min-height: 164.72222vw;
    padding: 53.33333px 0px 106.66667px;
    padding: 6.94444vw 0vw 13.88889vw;
    background-image: url(/img/section/bg_mo_skin_health2-9e6c3c8ae83ba078fb486fdca080497a.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type2 .unique-prescription-list {
    min-height: 593px;
    min-height: 164.72222vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type2 .unique-prescription-list {
    padding: 25px 0px 50px;
    padding: 6.94444vw 0vw 13.88889vw;
  }
}

.unique-prescription.skin-health-type2 .unique-prescription-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
}

@media screen and (max-width: 1365px) {
  .unique-prescription.skin-health-type2 .unique-prescription-item {
    padding: 20px;
    padding: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription.skin-health-type2 .unique-prescription-item {
    margin: 0 auto;
    width: 313.6px;
    width: 40.83333vw;
    padding: 42.66667px;
    padding: 5.55556vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type2 .unique-prescription-item {
    width: 147px;
    width: 40.83333vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type2 .unique-prescription-item {
    padding: 20px;
    padding: 5.55556vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription.skin-health-type2 .unique-prescription-text {
    font-size: 32px;
    font-size: 4.16667vw;
    line-height: 40.53333px;
    line-height: 5.27778vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type2 .unique-prescription-text {
    font-size: 15px;
    font-size: 4.16667vw;
    line-height: 19px;
    line-height: 5.27778vw;
  }
}

.unique-prescription.skin-health-type3 .unique-prescription-item {
  padding: 20px;
}

@media screen and (max-width: 1365px) {
  .unique-prescription.skin-health-type3 .unique-prescription-item {
    padding: 20px;
    padding: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .unique-prescription.skin-health-type3 .unique-prescription-item {
    width: 354.13333px;
    width: 46.11111vw;
    margin: 0 auto;
    padding: 0px 42.66667px;
    padding: 0vw 5.55556vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type3 .unique-prescription-item {
    width: 166px;
    width: 46.11111vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .unique-prescription.skin-health-type3 .unique-prescription-item {
    padding: 0px 20px;
    padding: 0vw 5.55556vw;
  }
}

.section-research-detail {
  position: relative;
  padding: 101px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-research-detail {
    padding: 101px 0px 200px;
    padding: 7.39385vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-research-detail {
    padding: 59px 0 120px;
  }
}

.section-research-detail .container {
  max-width: 996px;
}

@media screen and (max-width: 1365px) {
  .section-research-detail .container {
    max-width: 996px;
    max-width: 72.91362vw;
  }
}

@media screen and (max-width: 768px) {
  .section-research-detail .container {
    max-width: 100%;
  }
}

.section-research-detail .title-area .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  color: #191919;
}

@media screen and (max-width: 1365px) {
  .section-research-detail .title-area .sub-title {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 39px;
    line-height: 2.85505vw;
  }
}

@media screen and (max-width: 768px) {
  .section-research-detail .title-area .sub-title {
    font-size: 28px;
    line-height: 34px;
  }
}

.section-research-detail .title-area .sub-title .num {
  margin-right: 9px;
  font-size: 16px;
  line-height: 19px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .section-research-detail .title-area .sub-title .num {
    margin-right: 9px;
    margin-right: 0.65886vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .section-research-detail .title-area .sub-title .num {
    margin-right: 8px;
    font-size: 13px;
    line-height: 15px;
  }
}

.section-research-detail .title-area .title {
  margin-top: 24px;
  font-size: 48px;
  font-weight: 700;
  line-height: 57px;
}

@media screen and (max-width: 1365px) {
  .section-research-detail .title-area .title {
    margin-top: 24px;
    margin-top: 1.75695vw;
    font-size: 48px;
    font-size: 3.51391vw;
    line-height: 57px;
    line-height: 4.17277vw;
  }
}

@media screen and (max-width: 768px) {
  .section-research-detail .title-area .title {
    margin-top: 5px;
    font-size: 24px;
    line-height: 30px;
  }
}

.pipeline {
  margin-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 1365px) {
  .pipeline {
    margin-top: 100px;
    margin-top: 7.32064vw;
    padding-bottom: 100px;
    padding-bottom: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline {
    margin-top: 40px;
    padding-bottom: 40px;
  }
}

.pipeline-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .pipeline-head {
    display: block;
  }
}

.pipeline-head .box-sub-title {
  display: block;
  width: 50%;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .pipeline-head .box-sub-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline-head .box-sub-title {
    width: 100%;
    color: #191919;
    font-size: 28px;
    line-height: 36px;
  }
}

.pipeline-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .pipeline-tabs {
    margin-top: 28px;
  }
}

.pipeline-item:not(:first-child) {
  margin-left: 16px;
}

@media screen and (max-width: 1365px) {
  .pipeline-item:not(:first-child) {
    margin-left: 16px;
    margin-left: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline-item:not(:first-child) {
    margin-left: 8px;
  }
}

.pipeline-item.is-active .btn-tab {
  border: 1px solid #0079fa;
  color: #0079fa;
}

.pipeline-item .btn-tab {
  display: block;
  padding: 14px 34px 15px;
  border: 1px solid #dbdbdb;
  color: #757575;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .pipeline-item .btn-tab {
    padding: 14px 34px 15px;
    padding: 1.02489vw 2.48902vw 1.0981vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline-item .btn-tab {
    min-width: 152px;
    padding: 7px 15px 6px;
    font-size: 12px;
    line-height: 25px;
  }
}

@media screen and (max-width: 768px) {
  .pipeline-content {
    margin-right: -24px;
  }
}

.pipeline .tab-content {
  margin-top: 34px;
}

@media screen and (max-width: 1365px) {
  .pipeline .tab-content {
    margin-top: 34px;
    margin-top: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline .tab-content {
    margin-top: 40px;
  }
}

.pipeline .table-chart {
  overflow: auto hidden;
  max-width: 1200px;
}

.pipeline .table-chart th,
.pipeline .table-chart td {
  position: relative;
  height: 92px;
  padding: 10px;
  border-bottom: 1px solid #dedede;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .pipeline .table-chart th,
  .pipeline .table-chart td {
    height: 92px;
    height: 6.73499vw;
    padding: 10px;
    padding: 0.73206vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline .table-chart th,
  .pipeline .table-chart td {
    height: 72px;
    padding: 10px;
    font-size: 12px;
    line-height: 15px;
  }
}

.pipeline .table-chart th::after,
.pipeline .table-chart td::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 1px;
  background-color: #dbdbdb;
  content: "";
}

.pipeline .table-chart th:last-child::after,
.pipeline .table-chart td:last-child::after {
  content: none;
}

.pipeline .table-chart thead th:first-child {
  padding: 10px;
}

.pipeline .table-chart .sticky-head {
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .pipeline .table-chart .sticky-head {
    position: -webkit-sticky;
    position: sticky;
  }
}

@media screen and (max-width: 768px) {
  .pipeline .table-chart .table .sticky-head::after, .pipeline .table-chart .table .sticky-head.is-covered::after {
    right: 0;
    bottom: -1px;
    width: 1px;
    background-color: #212121;
  }
}

.pipeline .table {
  width: 100%;
  max-width: 1200px;
  border-top: 2px solid #212121;
}

@media screen and (max-width: 768px) {
  .pipeline .table {
    min-width: auto;
    min-width: 880px;
    margin-right: 24px;
  }
}

.pipeline .table.table-type1 thead th {
  width: 11.25%;
}

.pipeline .table.table-type1 thead th:nth-child(1) {
  width: 8.5%;
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type1 thead th:nth-child(1) {
    width: 80px !important;
  }
}

.pipeline .table.table-type1 thead th:nth-child(2) {
  width: 23.4%;
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type1 thead th:nth-child(2) {
    width: 200px !important;
  }
}

.pipeline .table.table-type1 thead th:nth-child(3) {
  position: relative;
}

.pipeline .table.table-type1 thead th:nth-child(3)::before {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 1px;
  background-color: #212121;
  content: "";
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type1 thead th:nth-child(3)::before {
    content: none;
  }
}

.pipeline .table.table-type1 thead th:last-child {
  width: 11.75%;
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type1 thead th:last-child {
    width: auto;
  }
}

.pipeline .table.table-type1 tbody tr:first-child th:nth-child(2) {
  width: 10.9%;
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type1 tbody tr:first-child th:nth-child(2) {
    width: 100px !important;
  }
}

.pipeline .table.table-type1 tbody tr:first-child th:nth-child(3) {
  width: 12.5%;
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type1 tbody tr:first-child th:nth-child(3) {
    width: 100px !important;
  }
}

.pipeline .table.table-type2 thead th:nth-child(1) {
  width: 30.25%;
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type2 thead th:nth-child(1) {
    width: 178px !important;
  }
}

.pipeline .table.table-type2 thead th:nth-child(2) {
  position: relative;
  width: 8.5%;
}

.pipeline .table.table-type2 thead th:nth-child(2)::before {
  position: absolute;
  z-index: 99;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 1px;
  background-color: #212121;
  content: "";
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type2 thead th:nth-child(2)::before {
    content: none;
  }
}

.pipeline .table.table-type2 thead th:nth-child(3) {
  width: 6.67%;
}

.pipeline .table.table-type2 thead th:nth-child(4), .pipeline .table.table-type2 thead th:nth-child(5) {
  width: 6.42%;
}

.pipeline .table.table-type2 thead th:nth-child(6) {
  width: 12.083%;
}

.pipeline .table.table-type2 thead th:nth-child(8) {
  width: 9.5%;
}

.pipeline .table.table-type2 thead th:nth-child(9) {
  width: 10.15%;
}

.pipeline .table.table-type2 tbody th:nth-child(1) {
  width: 14%;
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type2 tbody th:nth-child(1) {
    width: 92px !important;
  }
}

.pipeline .table.table-type2 tbody th:nth-child(2) {
  width: 16.25%;
}

@media screen and (max-width: 768px) {
  .pipeline .table.table-type2 tbody th:nth-child(2) {
    left: 92px;
    width: 86px !important;
  }
}

.pipeline .table.table-type2 tbody .sticky-head:first-child:after {
  background-color: #dbdbdb;
}

.pipeline .table thead th {
  background-color: #f8fbff;
  color: #212121;
}

@media screen and (max-width: 768px) {
  .pipeline .table thead th {
    width: auto !important;
  }
}

.pipeline .table tbody th {
  padding: 10px 15px;
  font-weight: normal;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .pipeline .table tbody th {
    padding: 10px 15px;
    padding: 0.73206vw 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline .table tbody th {
    padding: 10px 5px;
  }
}

.pipeline .table tbody th + td {
  position: relative;
}

.pipeline .table tbody th + td::before {
  position: absolute;
  z-index: 99;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 1px;
  background-color: #212121;
  content: "";
}

@media screen and (max-width: 768px) {
  .pipeline .table tbody th + td::before {
    content: none;
  }
}

.pipeline .table tbody td {
  padding: 0;
  color: #757575;
}

.pipeline .table .line,
.pipeline .table .bg-diagonal-line,
.pipeline .table .diagonal-line {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 0;
  height: 32px;
  -webkit-clip-path: polygon(calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%, 0 0);
}

@media screen and (min-width: 1366px) {
  .pipeline .table .line,
  .pipeline .table .bg-diagonal-line,
  .pipeline .table .diagonal-line {
    -webkit-transition: width 0.65s;
    transition: width 0.65s;
  }
}

@media screen and (max-width: 1365px) {
  .pipeline .table .line,
  .pipeline .table .bg-diagonal-line,
  .pipeline .table .diagonal-line {
    height: 32px;
    height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline .table .line,
  .pipeline .table .bg-diagonal-line,
  .pipeline .table .diagonal-line {
    height: 25px;
  }
}

.pipeline .table .line {
  z-index: 10;
  background-color: var(--bgcolor);
}

.pipeline .table .line-type8 {
  z-index: 6;
}

.pipeline .table .line-type7 {
  z-index: 7;
}

.pipeline .table .line-type6 {
  z-index: 8;
}

.pipeline .table .line-type5 {
  z-index: 9;
}

.pipeline .table .line-type3 {
  z-index: 9;
}

.pipeline .table .line-type2 {
  z-index: 11;
}

.pipeline .table .diagonal-line {
  z-index: 99;
  background: url(/img/rd/bg_chart1-488549d6b24e0b2952130a7d6416855c.png) left top repeat-x;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  pointer-events: none;
}

.pipeline .table .bg-diagonal-line {
  z-index: 10;
  background: #fff url(/img/rd/bg_chart-e44a5ab538905ac61ec56c80568f8841.png) left top repeat-x;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  -webkit-clip-path: none;
  clip-path: none;
  pointer-events: none;
}

.pipeline .table .processing-list {
  position: relative;
  width: 100%;
  height: 32px;
  background-color: rgba(237, 237, 237, 0.3);
}

@media screen and (max-width: 1365px) {
  .pipeline .table .processing-list {
    height: 32px;
    height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .pipeline .table .processing-list {
    height: 25px;
  }
}

.pipeline .table .processing-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: calc(var(--i) * 1%);
  height: 100%;
}

html:lang(en) .unique-prescription.skin-health-type1 .unique-prescription-item,
html:lang(en) .unique-prescription.skin-health-type3 .unique-prescription-item {
  padding: 30px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .unique-prescription.skin-health-type1 .unique-prescription-item,
  html:lang(en) .unique-prescription.skin-health-type3 .unique-prescription-item {
    padding: 30px;
    padding: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .unique-prescription.skin-health-type1 .unique-prescription-item,
  html:lang(en) .unique-prescription.skin-health-type3 .unique-prescription-item {
    padding: 0px 42.66667px;
    padding: 0vw 5.55556vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  html:lang(en) .unique-prescription.skin-health-type1 .unique-prescription-item,
  html:lang(en) .unique-prescription.skin-health-type3 .unique-prescription-item {
    padding: 0px 20px;
    padding: 0vw 5.55556vw;
  }
}

html:lang(en) .page-lab-list .lab-info-title .text {
  font-size: 30px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .page-lab-list .lab-info-title .text {
    font-size: 30px;
    font-size: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .page-lab-list .lab-info-title .text {
    font-size: 15px;
  }
}

html:lang(en) .box-intro-kv-text .text {
  font-size: 40px;
  line-height: 52px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .box-intro-kv-text .text {
    font-size: 40px;
    font-size: 2.92826vw;
    line-height: 52px;
    line-height: 3.80673vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .box-intro-kv-text .text {
    font-size: 35px;
    line-height: 42px;
  }
}

html:lang(en) .detail-step-item:nth-child(2)::after {
  top: 88%;
}

html:lang(en) .research-area-name {
  font-size: 25px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .research-area-name {
    font-size: 25px;
    font-size: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .research-area-name {
    font-size: 20px;
  }
}

html:lang(en) .pipeline-item .btn-tab {
  min-width: auto;
}

.section-detail-lab {
  overflow: hidden;
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab {
    margin-top: 80px;
  }
}

.section-detail-lab .lab-list-swiper {
  overflow: visible;
}

.section-detail-lab .tab-item {
  width: auto;
}

.section-detail-lab .tab-item::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background-color: #0379fa;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: none;
  transform: none;
  content: "";
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .tab-item::before {
    height: 4px;
    height: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .tab-item::before {
    height: 2px;
  }
}

.section-detail-lab .tab-item:hover .tab-btn, .section-detail-lab .tab-item.is-active .tab-btn {
  font-weight: 700;
  color: #0079fa;
}

.section-detail-lab .tab-item:hover::before, .section-detail-lab .tab-item.is-active::before {
  width: 100%;
}

.section-detail-lab .tab-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 180px;
  padding: 20px 0 22px;
  color: #757575;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .tab-btn {
    min-width: 180px;
    min-width: 13.17716vw;
    padding: 20px 0px 22px;
    padding: 1.46413vw 0vw 1.61054vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .tab-btn {
    min-width: auto;
    padding: 6px 0 15px;
    font-size: 16px;
    line-height: 19px;
  }
}

.section-detail-lab .tab-btn:after {
  visibility: hidden;
  overflow: hidden;
  height: 0;
  font-weight: bold;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  content: attr(data-text);
}

.section-detail-lab .tab-content {
  display: none;
  margin-top: 0;
}

.section-detail-lab .tab-content.is-show {
  display: block;
}

.section-detail-lab .detail-lab-list {
  padding: 117px 0 200px;
  background-color: #fafafa;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .detail-lab-list {
    padding: 117px 0px 200px;
    padding: 8.56515vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .detail-lab-list {
    padding: 50px 0 120px;
  }
}

.section-detail-lab .detail-lab-title {
  display: block;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .detail-lab-title {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 44px;
    line-height: 3.22108vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .detail-lab-title {
    font-size: 20px;
    line-height: 27px;
  }
}

.section-detail-lab .detail-lab-content {
  margin-top: 77px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .detail-lab-content {
    margin-top: 77px;
    margin-top: 5.6369vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .detail-lab-content {
    margin-top: 40px;
  }
}

.section-detail-lab .consumer-frinedly {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .consumer-frinedly {
    display: block;
  }
}

.section-detail-lab .consumer-frinedly-item {
  position: relative;
  width: calc((100% - 32px) / 2);
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .consumer-frinedly-item {
    width: calc((100% - 2.343vw) / 2);
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .consumer-frinedly-item {
    width: 100%;
  }
}

@media screen and (min-width: 1366px) {
  .section-detail-lab .consumer-frinedly-item:hover .consumer-frinedly-info {
    background-color: rgba(0, 121, 250, 0.8);
  }
  .section-detail-lab .consumer-frinedly-item:hover .consumer-frinedly-desc {
    visibility: visible;
    opacity: 1;
  }
  .section-detail-lab .consumer-frinedly-item:hover .advantages-list {
    visibility: visible;
    opacity: 1;
  }
  .section-detail-lab .consumer-frinedly-item:hover .icon-bowl {
    width: 112px;
    height: 112px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -516px -894px;
    background-repeat: no-repeat;
  }
}

.section-detail-lab .consumer-frinedly-item:nth-child(2n) {
  margin-left: 32px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .consumer-frinedly-item:nth-child(2n) {
    margin-left: 32px;
    margin-left: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .consumer-frinedly-item:nth-child(2n) {
    margin: 20px auto 0;
  }
}

.section-detail-lab .consumer-frinedly-img {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.section-detail-lab .consumer-frinedly-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-detail-lab .consumer-frinedly-info {
  position: absolute;
  padding: 56px;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  inset: 0;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .consumer-frinedly-info {
    padding: 56px;
    padding: 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .consumer-frinedly-info {
    padding: 28px;
  }
}

.section-detail-lab .consumer-frinedly-title {
  display: block;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .consumer-frinedly-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .consumer-frinedly-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.section-detail-lab .consumer-frinedly-desc {
  margin-top: 22px;
  word-wrap: break-word;
  word-break: keep-all;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

@media screen and (min-width: 1366px) {
  .section-detail-lab .consumer-frinedly-desc {
    visibility: hidden;
    opacity: 0;
  }
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .consumer-frinedly-desc {
    margin-top: 22px;
    margin-top: 1.61054vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .consumer-frinedly-desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}

.section-detail-lab .advantages-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 75px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (min-width: 1366px) {
  .section-detail-lab .advantages-list {
    visibility: hidden;
    opacity: 0;
  }
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .advantages-list {
    margin-top: 75px;
    margin-top: 5.49048vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .advantages-list {
    margin-top: 22px;
  }
}

.section-detail-lab .advantages-item {
  width: 112px;
  padding-bottom: 16px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .advantages-item {
    width: 112px;
    width: 8.19912vw;
    padding-bottom: 16px;
    padding-bottom: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .advantages-item {
    width: 62px;
    padding-bottom: 7px;
  }
}

.section-detail-lab .advantages-item:not(:first-child) {
  position: relative;
  margin-left: 65px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .advantages-item:not(:first-child) {
    margin-left: 65px;
    margin-left: 4.75842vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .advantages-item:not(:first-child) {
    margin-left: 35px;
  }
}

.section-detail-lab .advantages-item:not(:first-child)::before {
  position: absolute;
  top: 12px;
  bottom: 0;
  left: -37px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .advantages-item:not(:first-child)::before {
    top: 12px;
    top: 0.87848vw;
    left: -38px;
    left: -2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .advantages-item:not(:first-child)::before {
    top: 8px;
    left: -18px;
  }
}

.section-detail-lab .advantages-item:last-child::before {
  left: -28px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .advantages-item:last-child::before {
    left: -28px;
    left: -2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .advantages-item:last-child::before {
    left: -18px;
  }
}

.section-detail-lab .advantages-title {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .advantages-title {
    margin-top: 6px;
    margin-top: 0.43924vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .advantages-title {
    margin-top: 3px;
    font-size: 11px;
    line-height: 14px;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .materials-list {
    display: block;
  }
}

.section-detail-lab .materials-item {
  height: auto;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .materials-item:not(:first-child) {
    margin-top: 20px;
  }
}

.section-detail-lab .materials-img {
  position: relative;
  width: 100%;
  padding-top: 73.34%;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .materials-img {
    padding-top: 61.22%;
  }
}

.section-detail-lab .materials-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-detail-lab .materials-info {
  padding: 40px 40px 36px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .materials-info {
    padding: 40px 40px 36px;
    padding: 2.92826vw 2.92826vw 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .materials-info {
    padding: 20px 20px 30px;
  }
}

.section-detail-lab .materials-title {
  display: block;
  height: 64px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

@media (min-width: 769px) {
  .section-detail-lab .materials-title {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: keep-all;
  }
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .materials-title {
    height: 64px;
    height: 4.68521vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .materials-title {
    height: auto;
    font-size: 16px;
    line-height: 19px;
  }
}

.section-detail-lab .materials-desc {
  margin-top: 10px;
  color: #999;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .materials-desc {
    margin-top: 10px;
    margin-top: 0.73206vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .materials-desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}

.section-detail-lab .materials .swiper-scrollbar {
  display: block;
  position: static;
  width: 100%;
  height: 2px;
  margin-top: 60px;
  border-radius: 0;
  background-color: #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .materials .swiper-scrollbar {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .materials .swiper-scrollbar {
    display: none;
  }
}

.section-detail-lab .materials .swiper-scrollbar-drag {
  background-color: #212121;
}

.section-detail-lab .formulation .swiper-formulation {
  overflow: visible;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-list {
    display: block;
  }
}

.section-detail-lab .formulation-item {
  height: auto;
  padding: 60px 60px 63px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-item {
    padding: 60px 60px 63px;
    padding: 4.39239vw 4.39239vw 4.61201vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-item {
    padding: 30px 24px;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-item:nth-child(2) {
    margin-top: 20px;
  }
}

.section-detail-lab .formulation-item:nth-child(2) .formulation-graphic {
  margin-top: 62px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-item:nth-child(2) .formulation-graphic {
    margin-top: 62px;
    margin-top: 4.5388vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-item:nth-child(2) .formulation-graphic {
    margin-top: 20px;
  }
}

.section-detail-lab .formulation-item:nth-child(2) .note-list {
  margin-top: 17px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-item:nth-child(2) .note-list {
    margin-top: 17px;
    margin-top: 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-item:nth-child(2) .note-list {
    margin-top: 20px;
  }
}

.section-detail-lab .formulation-title {
  display: block;
  color: #191919;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
  }
}

.section-detail-lab .formulation-text {
  max-width: 894px;
  margin-top: 13px;
  color: #999;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-text {
    max-width: 894px;
    max-width: 65.44656vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-text {
    max-width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #757575;
  }
}

.section-detail-lab .formulation-graphic {
  margin-top: 28px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-graphic {
    margin-top: 28px;
    margin-top: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-graphic {
    margin-top: 20px;
  }
}

.section-detail-lab .formulation-graphic .graphic {
  position: relative;
  width: 100%;
}

.section-detail-lab .formulation-graphic .graphic-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-graphic .graphic-list {
    display: block;
  }
}

.section-detail-lab .formulation-graphic .graphic-list .graphic {
  width: 630px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-graphic .graphic-list .graphic {
    width: 630px;
    width: 46.12006vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-graphic .graphic-list .graphic {
    width: 100%;
  }
}

.section-detail-lab .formulation-graphic .graphic-list .graphic:nth-child(2) {
  width: 426px;
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-graphic .graphic-list .graphic:nth-child(2) {
    width: 426px;
    width: 31.18594vw;
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-graphic .graphic-list .graphic:nth-child(2) {
    width: 100%;
    margin: 20px auto 0;
  }
}

.section-detail-lab .formulation-graphic .graphic-img {
  width: 100%;
}

.section-detail-lab .formulation-graphic .graphic-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-detail-lab .formulation-graphic .graphic-caption {
  display: block;
  position: absolute;
  top: 29px;
  right: 30px;
  left: 30px;
  color: #000;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation-graphic .graphic-caption {
    top: 25px;
    top: 1.83016vw;
    right: 30px;
    right: 2.19619vw;
    left: 30px;
    left: 2.19619vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation-graphic .graphic-caption {
    top: 20px;
    left: 20px;
    font-size: 14px;
    line-height: 17px;
  }
}

.section-detail-lab .formulation .note-list {
  max-width: 894px;
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation .note-list {
    max-width: 894px;
    max-width: 65.44656vw;
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation .note-list {
    max-width: 100%;
    margin-top: 20px;
  }
}

.section-detail-lab .formulation .note-item {
  color: #999;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation .note-item {
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation .note-item {
    font-size: 12px;
    line-height: 18px;
  }
}

.section-detail-lab .formulation .note-item:not(:first-child) {
  margin-top: 10px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation .note-item:not(:first-child) {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation .note-item:not(:first-child) {
    margin-top: 0;
  }
}

.section-detail-lab .formulation .swiper-scrollbar {
  display: block;
  position: static;
  width: 100%;
  height: 2px;
  margin-top: 60px;
  border-radius: 0;
  background-color: #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .formulation .swiper-scrollbar {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .formulation .swiper-scrollbar {
    display: none;
  }
}

.section-detail-lab .formulation .swiper-scrollbar-drag {
  background-color: #212121;
}

.section-detail-lab .sensory-science-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sensory-science-list {
    display: block;
  }
}

.section-detail-lab .sensory-science-item {
  width: calc((100% - 24px) / 3);
  background-color: #fff;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .sensory-science-item {
    width: calc((100% - 1.757vw) / 3);
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sensory-science-item {
    display: block;
    width: 100%;
  }
}

.section-detail-lab .sensory-science-item:not(:first-child) {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .sensory-science-item:not(:first-child) {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sensory-science-item:not(:first-child) {
    margin: 16px auto 0;
  }
}

.section-detail-lab .sensory-science-img {
  position: relative;
  width: 100%;
  padding-top: 73.43%;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sensory-science-img {
    padding-top: 61.21%;
  }
}

.section-detail-lab .sensory-science-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-detail-lab .sensory-science-title {
  display: block;
  padding: 38px 40px 36px;
  word-wrap: break-word;
  word-break: keep-all;
  min-height: 165px;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .sensory-science-title {
    padding: 38px 40px 36px;
    padding: 2.78184vw 2.92826vw 2.63543vw;
    min-height: 165px;
    min-height: 12.07906vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 34px;
    line-height: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sensory-science-title {
    padding: 17px 20px 25px;
    font-size: 16px;
    line-height: 22px;
    min-height: 85px;
  }
}

.section-detail-lab .analytical-science .swiper-analytical-science {
  overflow: visible;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science-list {
    display: block;
  }
}

.section-detail-lab .analytical-science-item {
  height: auto;
  padding: 60px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science-item {
    padding: 60px;
    padding: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science-item {
    padding: 30px 24px;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science-item:nth-child(2) {
    margin-top: 20px;
  }
}

.section-detail-lab .analytical-science-title {
  display: block;
  color: #191919;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science-title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
  }
}

.section-detail-lab .analytical-science-text {
  margin-top: 13px;
  color: #999;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science-text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science-text {
    margin-top: 17px;
    font-size: 14px;
    line-height: 20px;
    color: #757575;
  }
}

.section-detail-lab .analytical-science .profiling-technique {
  margin-top: 36px;
  padding: 53px;
  background-color: #f8fbff;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science .profiling-technique {
    margin-top: 36px;
    margin-top: 2.63543vw;
    padding: 53px;
    padding: 3.87994vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique {
    margin-top: 29px;
    padding: 40px 20px;
  }
}

.section-detail-lab .analytical-science .profiling-technique-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science .profiling-technique-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique-title {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }
}

.section-detail-lab .analytical-science .profiling-technique-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 36px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science .profiling-technique-list {
    margin-top: 36px;
    margin-top: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 224px;
    margin: 39px auto 0;
  }
}

.section-detail-lab .analytical-science .profiling-technique-item {
  position: relative;
  width: calc((100% - 162px) / 4);
  height: 155px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science .profiling-technique-item {
    width: calc((100% - 11.86vw) / 4);
    height: 155px;
    height: 11.347vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique-item {
    width: 100px;
    height: auto;
  }
}

.section-detail-lab .analytical-science .profiling-technique-item:not(:first-child) {
  position: relative;
}

@media screen and (min-width: 1366px) {
  .section-detail-lab .analytical-science .profiling-technique-item:not(:first-child) {
    margin-left: 54px;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  .section-detail-lab .analytical-science .profiling-technique-item:not(:first-child) {
    margin-left: 54px;
    margin-left: 3.95315vw;
  }
}

@media (min-width: 769px) {
  .section-detail-lab .analytical-science .profiling-technique-item:not(:first-child):before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #dbdbdb;
    content: "";
  }
}

@media screen and (min-width: 1366px) {
  .section-detail-lab .analytical-science .profiling-technique-item:not(:first-child):before {
    left: -34px;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  .section-detail-lab .analytical-science .profiling-technique-item:not(:first-child):before {
    left: -34px;
    left: -2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique-item:nth-child(2n) {
    margin-left: 24px;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique-item:nth-child(n + 3) {
    margin-top: 20px;
  }
}

.section-detail-lab .analytical-science .profiling-technique-num {
  display: block;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science .profiling-technique-num {
    font-size: 34px;
    font-size: 2.48902vw;
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique-num {
    font-size: 24px;
    line-height: 29px;
  }
}

.section-detail-lab .analytical-science .profiling-technique-text {
  display: block;
  margin-top: 12px;
  letter-spacing: 1.92px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science .profiling-technique-text {
    margin-top: 12px;
    margin-top: 0.87848vw;
    letter-spacing: 1.92px;
    letter-spacing: 0.14056vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique-text {
    margin-top: 8px;
    letter-spacing: 1.68px;
    font-size: 14px;
    line-height: 17px;
  }
}

.section-detail-lab .analytical-science .profiling-technique-icon {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .profiling-technique-icon {
    position: static;
    margin-top: 20px;
    text-align: right;
  }
}

.section-detail-lab .analytical-science-img {
  position: relative;
  width: 100%;
  margin-top: 36px;
  padding-top: 30.19%;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science-img {
    margin-top: 36px;
    margin-top: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science-img {
    margin-top: 20px;
    padding-top: 64.2%;
  }
}

.section-detail-lab .analytical-science-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-detail-lab .analytical-science .swiper-scrollbar {
  display: block;
  position: static;
  width: 100%;
  height: 2px;
  margin-top: 60px;
  border-radius: 0;
  background-color: #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .analytical-science .swiper-scrollbar {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .analytical-science .swiper-scrollbar {
    display: none;
  }
}

.section-detail-lab .analytical-science .swiper-scrollbar-drag {
  background-color: #212121;
}

.section-detail-lab .sustainability-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sustainability-list {
    display: block;
  }
}

.section-detail-lab .sustainability-item {
  width: calc((100% - 24px) / 2);
  background-color: #fff;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .sustainability-item {
    width: calc((100% - 1.757vw) / 2);
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sustainability-item {
    display: block;
    width: 100%;
  }
}

.section-detail-lab .sustainability-item:nth-child(2) {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .sustainability-item:nth-child(2) {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sustainability-item:nth-child(2) {
    margin: 20px auto 0;
  }
}

.section-detail-lab .sustainability-img {
  position: relative;
  width: 100%;
  padding-top: 61.22%;
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sustainability-img {
    padding-top: 61.22%;
  }
}

.section-detail-lab .sustainability-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.section-detail-lab .sustainability-info {
  padding: 40px 40px 35px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .sustainability-info {
    padding: 38px 40px 37px;
    padding: 2.78184vw 2.92826vw 2.70864vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sustainability-info {
    padding: 20px 20px 38px;
  }
}

.section-detail-lab .sustainability-title {
  display: block;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .sustainability-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sustainability-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.section-detail-lab .sustainability-desc {
  margin-top: 14px;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #999;
}

@media screen and (max-width: 1365px) {
  .section-detail-lab .sustainability-desc {
    margin-top: 14px;
    margin-top: 1.02489vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-lab .sustainability-desc {
    margin-top: 11px;
    font-size: 14px;
    line-height: 20px;
  }
}

html:lang(en) .section-detail-lab .advantages-item {
  width: 140px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-detail-lab .advantages-item {
    width: 140px;
    width: 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-detail-lab .advantages-item {
    width: 70px;
  }
}

html:lang(en) .section-detail-lab .advantages-item:not(:first-child) {
  margin-left: 20px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-detail-lab .advantages-item:not(:first-child) {
    margin-left: 20px;
    margin-left: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-detail-lab .advantages-item:not(:first-child) {
    margin-left: 16px;
  }
}

html:lang(en) .section-detail-lab .advantages-item:not(:first-child)::before {
  left: -10px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .section-detail-lab .advantages-item:not(:first-child)::before {
    left: -10px;
    left: -0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .section-detail-lab .advantages-item:not(:first-child)::before {
    left: -8px;
  }
}

.section-management {
  position: relative;
  padding: 160px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-management {
    padding: 160px 0px 200px;
    padding: 11.71303vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-management {
    padding: 78px 0 120px;
  }
}

.section-management .container {
  max-width: 996px;
}

@media screen and (max-width: 1365px) {
  .section-management .container {
    max-width: 996px;
    max-width: 72.91362vw;
  }
}

@media screen and (max-width: 768px) {
  .section-management .container {
    max-width: 100%;
  }
}

.section-management .management-content-area.type2 .tab-management-child:first-child {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .section-management .management-content-area.type2 .tab-management-child:first-child {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-management .management-content-area.type2 .tab-management-child:first-child {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .section-management .management-content-area.type2 .tab-management-child.tab-management-child-type2 {
    margin-top: 20px;
  }
}

.section-management .management-content-title {
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #191919;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .section-management .management-content-title {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .section-management .management-content-title {
    font-size: 28px;
    line-height: 36px;
  }
}

.section-management .management-content-text {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .section-management .management-content-text {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-management .management-content-text {
    margin-top: 30px;
    font-size: 15px;
    line-height: 21px;
  }
}

.section-management .management-content-text.type2 {
  letter-spacing: -0.18px;
}

.section-management .management-content-text .link {
  color: #212121;
  text-decoration: underline;
}

.section-management-csr-news {
  margin-top: 0;
  padding: 120px 0 140px;
}

@media screen and (max-width: 1365px) {
  .section-management-csr-news {
    padding: 120px 0px 140px;
    padding: 8.78477vw 0vw 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .section-management-csr-news {
    padding: 80px 0 120px;
  }
}

.section-management-csr-news .csr-news {
  margin-top: 0;
}

.management-tabs {
  position: absolute;
  top: 160px;
  left: 40px;
  z-index: 10;
  width: 268px;
}

@media (max-width: 1600px) {
  .management-tabs {
    display: none;
  }
}

@media screen and (max-width: 1365px) {
  .management-tabs {
    top: 160px;
    top: 11.71303vw;
    left: 40px;
    left: 2.92826vw;
    width: 268px;
    width: 19.61933vw;
  }
}

.management-tabs.is-fixed {
  position: fixed;
}

.management-item:not(:first-child) {
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .management-item:not(:first-child) {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

.management-item.is-active .btn-tab, .management-item:hover .btn-tab {
  font-weight: 700;
  color: #0079fa;
}

.management-item.is-active .btn-tab::before, .management-item:hover .btn-tab::before {
  opacity: 1;
}

.management-child-item {
  margin-top: 5px;
  padding-left: 10px;
}

@media screen and (max-width: 1365px) {
  .management-child-item {
    margin-top: 5px;
    margin-top: 0.36603vw;
    padding-left: 10px;
    padding-left: 0.73206vw;
  }
}

.management-child-item.is-active .btn-tab-child, .management-child-item:hover .btn-tab-child {
  font-weight: 700;
  color: #0079fa;
}

.management .btn-tab {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #ccc;
  letter-spacing: -0.16px;
}

@media screen and (max-width: 1365px) {
  .management .btn-tab {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
    letter-spacing: -0.16px;
    letter-spacing: -0.01171vw;
  }
}

.management .btn-tab:before {
  position: absolute;
  top: 8px;
  left: -12px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #0079fa;
  opacity: 0;
  content: "";
}

@media screen and (max-width: 1365px) {
  .management .btn-tab:before {
    top: 8px;
    top: 0.58565vw;
    left: -12px;
    left: -0.87848vw;
    width: 4px;
    width: 0.29283vw;
    height: 4px;
    height: 0.29283vw;
    border-radius: 4px;
    border-radius: 0.29283vw;
  }
}

.management .btn-tab-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #ccc;
  letter-spacing: -0.16px;
}

@media screen and (max-width: 1365px) {
  .management .btn-tab-child {
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

.management-message {
  margin-top: 47px;
}

@media screen and (max-width: 1365px) {
  .management-message {
    margin-top: 47px;
    margin-top: 3.4407vw;
    padding-bottom: 20px;
    padding-bottom: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message {
    margin-top: 42px;
    padding-bottom: 0;
  }
}

.management-message:last-child {
  padding-bottom: 20px;
}

@media screen and (max-width: 1365px) {
  .management-message:last-child {
    padding-bottom: 20px;
    padding-bottom: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message:last-child {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .management-message .management-content-text + .management-content-text {
    margin-top: 15px;
  }
}

.management-message-signature {
  margin-top: 48px;
  text-align: right;
}

@media screen and (max-width: 1365px) {
  .management-message-signature {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message-signature {
    margin-top: 28px;
  }
}

.management-message-date {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .management-message-date {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message-date {
    font-size: 15px;
    line-height: 18px;
  }
}

.management-message-text {
  margin-top: 16px;
  font-size: 0;
}

@media screen and (max-width: 1365px) {
  .management-message-text {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message-text {
    margin-top: 9px;
  }
}

.management-message-office {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #212121;
  letter-spacing: 0.54px;
  vertical-align: middle;
}

@media screen and (max-width: 1365px) {
  .management-message-office {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message-office {
    letter-spacing: 0.45px;
    font-size: 15px;
    line-height: 18px;
  }
}

.management-message-name {
  position: relative;
  padding-left: 32px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: normal;
  vertical-align: middle;
}

@media screen and (max-width: 1365px) {
  .management-message-name {
    padding-left: 32px;
    padding-left: 2.34261vw;
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message-name {
    padding-left: 24px;
    font-size: 23px;
    line-height: 28px;
  }
}

.management-message-name::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 16px;
  width: 1px;
  height: 24px;
  background-color: #212121;
  content: "";
}

@media screen and (max-width: 1365px) {
  .management-message-name::before {
    left: 16px;
    left: 1.1713vw;
    height: 24px;
    height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message-name::before {
    left: 11px;
    height: 18px;
  }
}

.section-management-env .management-message {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .section-management-env .management-message {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .section-management-env .management-message {
    margin-top: 30px;
  }
}

.management-message-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  font-size: 18px;
  line-height: 21px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .management-message-note {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message-note {
    margin-top: 20px;
    font-size: 15px;
    line-height: 19px;
  }
}

.management-message-note .time::before {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 12px;
  background: #ccc;
  content: "";
}

@media screen and (max-width: 1365px) {
  .management-message-note .time::before {
    height: 12px;
    height: 0.87848vw;
    margin: 0px 12px;
    margin: 0vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .management-message-note .time::before {
    height: 10px;
    margin: 0 8px;
  }
}

.management-slogan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .management-slogan-list {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-list {
    margin-top: 20px;
  }
}

.management-slogan-item {
  width: calc((100% - 36px) / 3);
  margin-left: 18px;
  padding: 36px 30px 49px;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .management-slogan-item {
    width: calc((100% - 3.514vw) / 3);
    padding: 36px 30px 49px;
    padding: 2.63543vw 2.19619vw 3.58712vw;
    border-radius: 12px;
    border-radius: 0.87848vw;
    margin-left: 18px;
    margin-left: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-item {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    padding: 29px 19px 26px;
    border-radius: 5px;
  }
}

.management-slogan-item:first-child {
  margin-top: 0;
}

.management-slogan-item:nth-child(3n-2) {
  margin-left: 0;
}

.management-slogan-item:nth-child(n + 4) {
  margin-top: 18px;
}

@media screen and (max-width: 1365px) {
  .management-slogan-item:nth-child(n + 4) {
    margin-top: 18px;
    margin-top: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-item:nth-child(n + 4) {
    margin-top: 10px;
  }
}

.management-slogan-date {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .management-slogan-date {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-date {
    font-size: 17px;
    line-height: 20px;
  }
}

.management-slogan-info {
  position: relative;
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .management-slogan-info {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-info {
    margin-top: 8px;
  }
}

.management-slogan-name-en {
  display: block;
  width: calc(100% - 110px);
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  color: #191919;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .management-slogan-name-en {
    width: calc(100% - 8.053vw);
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-name-en {
    width: calc(100% - 68px);
    font-size: 24px;
    line-height: 31px;
  }
}

.management-slogan-name-kr {
  display: block;
  width: calc(100% - 110px);
  margin-top: 6px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .management-slogan-name-kr {
    width: calc(100% - 8.053vw);
    margin-top: 6px;
    margin-top: 0.43924vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-name-kr {
    width: calc(100% - 68px);
    margin-top: 2px;
    color: #191919;
    font-size: 20px;
    line-height: 31px;
  }
}

.management-slogan-icon {
  position: absolute;
  top: -25px;
  right: -12px;
}

@media screen and (max-width: 1365px) {
  .management-slogan-icon {
    top: -25px;
    top: -1.83016vw;
    right: -12px;
    right: -0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-icon {
    top: -4px;
    right: 0;
  }
}

.management-slogan-desc {
  margin-top: 71px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .management-slogan-desc {
    margin-top: 71px;
    margin-top: 5.19766vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .management-slogan-desc {
    width: calc(100% - 62px);
    margin-top: 16px;
    font-size: 15px;
    line-height: 21px;
  }
}

.management .file {
  display: block;
  max-width: 484px;
  margin-top: 30px;
  padding: 15px 24px 12px;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .management .file {
    max-width: 484px;
    max-width: 35.43192vw;
    margin-top: 30px;
    margin-top: 2.19619vw;
    padding: 15px 24px 12px;
    padding: 1.0981vw 1.75695vw 0.87848vw;
    border-radius: 8px;
    border-radius: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .management .file {
    max-width: 312px;
    margin-top: 29px;
    padding: 13px 13px 12px;
    border-radius: 6px;
  }
}

.management .file-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

.management .file-link::after {
  display: block;
  position: absolute;
  top: -3px;
  right: -1px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1815.6px 1764px;
  background-size: 1815.6px 1764px;
  background-position: -636px -1730.4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .management .file-link::after {
    top: -3px;
    top: -0.21962vw;
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 132.91vw 129.14vw;
    background-size: 132.91vw 129.14vw;
    background-position: -46.56vw -126.68vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .management .file-link::after {
    width: 20px;
    height: 20px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 630.41667px 612.5px;
    background-size: 630.41667px 612.5px;
    background-position: -603.43333px -340px;
    background-repeat: no-repeat;
  }
}

.management .file-text {
  width: calc(100% - 30px);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #212121;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .management .file-text {
    width: calc(100% - 2.196vw);
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .management .file-text {
    width: calc(100% - 40px);
    font-size: 14px;
    line-height: 20px;
  }
}

.tab-management-content + .tab-management-content {
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .tab-management-content + .tab-management-content {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-management-content + .tab-management-content {
    margin-top: 70px;
  }
}

.tab-management-child + .tab-management-child {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .tab-management-child + .tab-management-child {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-management-child + .tab-management-child {
    margin-top: 50px;
  }
}

.tab-management-child-title {
  display: block;
  margin-top: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #191919;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .tab-management-child-title {
    margin-top: 48px;
    margin-top: 3.51391vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-management-child-title {
    margin-top: 40px;
    font-size: 24px;
    line-height: 29px;
  }
}

.tab-management-child-title.type2 {
  font-size: 20px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .tab-management-child-title.type2 {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-management-child-title.type2 {
    font-size: 19px;
    line-height: 24px;
  }
}

.tab-management-child-content {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .tab-management-child-content {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-management-child-content {
    margin-top: 30px;
  }
}

.tab-management-child-content + .tab-management-child-title {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .tab-management-child-content + .tab-management-child-title {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-management-child-content + .tab-management-child-title {
    margin-top: 50px;
  }
}

.tab-management-child-content.tab-certification-iso .tab-management-child-title.type2 {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .tab-management-child-content.tab-certification-iso .tab-management-child-title.type2 {
    font-size: 15px;
    line-height: 18px;
  }
}

.management-select {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  padding-top: 65px;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.5s;
  transition: opacity 0.2s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.2s;
  transition: transform 0.5s, opacity 0.2s, -webkit-transform 0.5s;
  pointer-events: none;
}

.management-select .select-wrap {
  position: relative;
}

.management-select .select-wrap.is-selecting .selected-cur:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.management-select .select-wrap.is-selecting .select-inner {
  display: block;
}

.management-select .select-wrap.is-selecting + .select-dim {
  display: block;
}

.management-select .selected-cur {
  display: block;
  position: relative;
  width: 100%;
  padding: 16px 60px 15px 24px;
  border-bottom: 1px solid #0379fa;
  background-color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  color: #212121;
  text-align: left;
}

.management-select .selected-cur:before {
  right: 14px;
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -354px -617px;
  background-repeat: no-repeat;
}

.management-select .select-inner {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  padding: 13px 0;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
  .management-select .select-inner {
    white-space: initial;
  }
}

.management-select .select-item.is-selected .btn-selected {
  color: #0079fa;
}

.management-select .select-item .btn-selected {
  width: 100%;
  padding: 10px 24px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  color: #757575;
  text-align: left;
}

.management-select .select-child-item.is-selected .btn-selected-child {
  color: #0079fa;
}

.management-select .select-child-item .btn-selected-child {
  width: 100%;
  padding: 10px 24px 10px 35px;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  color: #757575;
  text-align: left;
}

.management-select .select-dim {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.diagram-social-value {
  margin-top: 30px;
  border: solid 1px #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .diagram-social-value {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-social-value {
    margin-top: 30px;
    border: none;
  }
}

.social-value-circle-list {
  position: relative;
  width: 800px;
  height: 420px;
  margin: 0 auto;
  background: url(/img/management/bg_diagram_social_value-3c5309788029f006b695ef23a61a96c3.svg);
  -webkit-background-size: cover;
  background-size: cover;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-list {
    width: 800px;
    width: 58.56515vw;
    height: 420px;
    height: 30.74671vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-list {
    width: 312px;
    height: 278px;
    margin: 0 auto;
    background: url(/img/management/bg_diagram_social_value_mo-e5c158184447e32b724ee9b8ccb00675.svg);
    -webkit-background-size: cover;
    background-size: cover;
  }
}

.social-value-circle-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 149px;
  left: 330px;
  width: 131px;
  height: 124px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-center {
    top: 149px;
    top: 10.90776vw;
    left: 330px;
    left: 24.15813vw;
    width: 131px;
    width: 9.59004vw;
    height: 124px;
    height: 9.0776vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-center {
    top: 85px;
    left: 100px;
    width: 107px;
    height: 107px;
    font-size: 16px;
    line-height: 18px;
  }
}

.social-value-circle-item {
  position: absolute;
  padding: 12px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #757575;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item {
    padding: 12px;
    padding: 0.87848vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item {
    padding: 6px;
    font-size: 13px;
    line-height: 16px;
  }
}

.social-value-circle-item .highlight {
  display: block;
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item .highlight {
    margin-bottom: 2px;
    margin-bottom: 0.14641vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 14px;
    line-height: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item .highlight {
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 17px;
  }
}

.social-value-circle-item:nth-child(1) {
  top: 33px;
  left: 218px;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item:nth-child(1) {
    top: 33px;
    top: 2.41581vw;
    left: 218px;
    left: 15.959vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item:nth-child(1) {
    top: 0;
    left: 49px;
  }
}

.social-value-circle-item:nth-child(2) {
  top: 71px;
  left: 383px;
  padding: 6px;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item:nth-child(2) {
    top: 71px;
    top: 5.19766vw;
    left: 383px;
    left: 28.03807vw;
    padding: 6px;
    padding: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item:nth-child(2) {
    top: 5px;
    left: 184px;
  }
}

.social-value-circle-item:nth-child(3) {
  top: 169px;
  right: 138px;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item:nth-child(3) {
    top: 169px;
    top: 12.37189vw;
    right: 138px;
    right: 10.10249vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item:nth-child(3) {
    top: 98px;
    right: 0px;
  }
}

.social-value-circle-item:nth-child(4) {
  right: 136px;
  bottom: 41px;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item:nth-child(4) {
    right: 136px;
    right: 9.95608vw;
    bottom: 41px;
    bottom: 3.00146vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item:nth-child(4) {
    right: 16px;
    bottom: 71px;
  }
}

.social-value-circle-item:nth-child(5) {
  bottom: 45px;
  left: 391px;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item:nth-child(5) {
    bottom: 45px;
    bottom: 3.29429vw;
    left: 391px;
    left: 28.62372vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item:nth-child(5) {
    bottom: -3px;
    left: 132px;
  }
}

.social-value-circle-item:nth-child(6) {
  bottom: 107px;
  left: 219px;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item:nth-child(6) {
    bottom: 107px;
    bottom: 7.83309vw;
    left: 219px;
    left: 16.03221vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item:nth-child(6) {
    bottom: 71px;
    left: 16px;
  }
}

.social-value-circle-item:nth-child(7) {
  top: 133px;
  left: 69px;
}

@media screen and (max-width: 1365px) {
  .social-value-circle-item:nth-child(7) {
    top: 133px;
    top: 9.73646vw;
    left: 69px;
    left: 5.05124vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-circle-item:nth-child(7) {
    top: 98px;
    left: 0;
  }
}

.social-value-system {
  padding: 50px 50px 60px;
}

@media screen and (max-width: 1365px) {
  .social-value-system {
    padding: 50px 50px 60px;
    padding: 3.66032vw 3.66032vw 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system {
    padding: 0;
  }
}

.social-value-system .system-content {
  position: relative;
  width: 100%; /* 2024-08-13 수정 */
  margin: 0 auto;
  background: url(/img/management/bg_diagram_social_value_system-754468bcc21aa7fcffec748b6fbc6ce2.svg) top center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

/* @media screen and (max-width: 1365px) {
  .social-value-system .system-content {
    width: 690px;
    width: 50.51245vw;
  }
} */

@media screen and (max-width: 768px) {
  .social-value-system .system-content {
    /* 2024-08-13 width:312px 삭제 */
    background: url(/img/management/bg_diagram_social_value_system_mo-b5e376c2a12e07773bfac2ec7811ebfa.svg) top center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
}

.social-value-system .system-title {
  display: block;
  position: absolute;
  top: 70px;
  z-index: 2;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #0079fa;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-title {
    top: 70px;
    top: 5.12445vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-title {
    top: 64px;
    font-size: 16px;
    line-height: 22px;
  }
}

.social-value-system .system-advantage {
  position: absolute;
  top: 356px;
  z-index: 3;
  width: 100%;
  padding: 14px 25px;
  border: 1px solid #0079fa;
  border-radius: 28px;
  background-color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  color: #0079fa;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-advantage {
    top: 356px;
    top: 26.06149vw;
    padding: 14px 25px;
    padding: 1.02489vw 1.83016vw;
    border-radius: 28px;
    border-radius: 2.04978vw;
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-advantage {
    top: 429px;
    padding: 20px 20px 19px;
    border-radius: 30px;
    font-size: 16px;
    line-height: 19px;
  }
}

.social-value-system .system-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-evenly; /* 2024-08-13 수정 */
}

/* S: 2024-08-13 추가 */
.social-value-system .system-list2 .system-con{
  position: absolute;
  left:50%;
  transform:translateX(-50%);
  width: 175px;
  padding:20px 20px 20px 25px;
  border:1px solid #0079fa;
  border-radius:12px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:10px;
  color:#757575;
}

.social-value-system .system-list2 .system-con li{
  text-indent:-7px;
  margin-left:7px;
}

.social-value-system .system-list2 .system-con li:before{
  content:"·";
  margin-right:3px;
}

.social-value-system .system-list2 .system-item:nth-child(1) .system-con{
  top:32px;
}
.social-value-system .system-list2 .system-item:nth-child(2) .system-con{
  top:204px;
}
.social-value-system .system-list2 .system-item:nth-child(3) .system-con{
  top:32px;
}
.social-value-system .system-list2 .system-item:nth-child(4) .system-con{
  top:203px;
}
.social-value-system .system-list2 .system-item:nth-child(5) .system-con{
  top:375px;
}
.social-value-system .system-list2 .system-item:nth-child(6) .system-con{
  top:32px;
}
.social-value-system .system-list2 .system-item:nth-child(7) .system-con{
  top:153px;
}

.social-value-system .system-list2 .system-item:before{
  content:"";
  display:none;
}


.social-value-system .system-list2 .system-item:after{
  content:"";
  top:0 !important;
}

.social-value-system .system-list2 .system-item:nth-child(1):after {
  height:32px;
}
.social-value-system .system-list2 .system-item:nth-child(2):after{
  height:204px;
}
.social-value-system .system-list2 .system-item:nth-child(3):after{
  height:32px;
}
.social-value-system .system-list2 .system-item:nth-child(4):after{
  height:203px;
}
.social-value-system .system-list2 .system-item:nth-child(5):after{
  height:375px;
}
.social-value-system .system-list2 .system-item:nth-child(6):after{
  height:32px;
}
.social-value-system .system-list2 .system-item:nth-child(7):after{
  height:153px;
}
/* E:// 2024-08-13 추가 */



.social-value-system .system-item {
  position: relative;
  width: 64px;
  margin: 0 12px;
  padding-top: 476px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item {
    width: 64px;
    width: 4.68521vw;
    margin: 0px 12px;
    margin: 0vw 0.87848vw;
    padding-top: 476px;
    padding-top: 34.84627vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item {
    width: 75px;
    height: 40px;
    margin: 0;
    padding-top: 524px;
  }
}

.social-value-system .system-item::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 462px;
  z-index: 2;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #0079fa;
  content: "";
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item::before {
    top: 462px;
    top: 33.82138vw;
    width: 8px;
    width: 0.58565vw;
    height: 8px;
    height: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item::before {
    top: 513px;
    width: 7px;
    height: 7px;
  }
}

.social-value-system .system-item::after {
  position: absolute;
  z-index: 1;
  width: 1px;
  background-color: #dbdbdb;
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(2n) {
    width: 75px;
    margin: 0 -33px;
    padding-top: 584px;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(2n)::before {
    top: 571px;
  }
}

.social-value-system .system-item:nth-child(1)::after {
  top: 209px;
  height: 260px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(1)::after {
    top: 209px;
    top: 15.30015vw;
    height: 260px;
    height: 19.03367vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(1)::after {
    top: 180px;
    height: 339px;
  }
}

.social-value-system .system-item:nth-child(1) .system-work {
  top: 174px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(1) .system-work {
    top: 174px;
    top: 12.73792vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(1) .system-work {
    top: 136px;
    left: 0;
  }
}

.social-value-system .system-item:nth-child(2)::after {
  top: 257px;
  height: 212px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(2)::after {
    top: 257px;
    top: 18.81406vw;
    height: 212px;
    height: 15.51977vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(2)::after {
    top: 348px;
    height: 224px;
  }
}

.social-value-system .system-item:nth-child(2) .system-work {
  top: 222px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(2) .system-work {
    top: 222px;
    top: 16.25183vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(2) .system-work {
    top: 304px;
    left: -40px;
  }
}

.social-value-system .system-item:nth-child(3)::after {
  top: 307px;
  height: 164px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(3)::after {
    top: 307px;
    top: 22.47438vw;
    height: 164px;
    height: 12.00586vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(3)::after {
    top: 292px;
    height: 224px;
  }
}

.social-value-system .system-item:nth-child(3) .system-work {
  top: 271px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(3) .system-work {
    top: 271px;
    top: 19.83895vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(3) .system-work {
    top: 248px;
    left: -24px;
    padding: 13px 35px;
  }
}

.social-value-system .system-item:nth-child(4)::after {
  top: 209px;
  height: 260px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(4)::after {
    top: 209px;
    top: 15.30015vw;
    height: 260px;
    height: 19.03367vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(4)::after {
    top: 404px;
    height: 175px;
  }
}

.social-value-system .system-item:nth-child(4) .system-work {
  top: 174px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(4) .system-work {
    top: 174px;
    top: 12.73792vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(4) .system-work {
    top: 360px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.social-value-system .system-item:nth-child(5)::after {
  top: 257px;
  height: 212px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(5)::after {
    top: 257px;
    top: 18.81406vw;
    height: 212px;
    height: 15.51977vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(5)::after {
    top: 348px;
    height: 170px;
  }
}

.social-value-system .system-item:nth-child(5) .system-work {
  top: 223px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(5) .system-work {
    top: 223px;
    top: 16.32504vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(5) .system-work {
    top: 304px;
    left: 18px;
  }
}

.social-value-system .system-item:nth-child(6)::after {
  top: 307px;
  height: 164px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(6)::after {
    top: 307px;
    top: 22.47438vw;
    height: 164px;
    height: 12.00586vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(6)::after {
    top: 236px;
    height: 336px;
  }
}

.social-value-system .system-item:nth-child(6) .system-work {
  top: 271px;
  width: 220px;
  white-space: normal;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(6) .system-work {
    top: 271px;
    top: 19.83895vw;
    width: 220px;
    width: 16.10542vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(6) .system-work {
    top: 192px;
    left: -81px;
    width: auto;
    white-space: nowrap;
  }
}

.social-value-system .system-item:nth-child(7)::after {
  top: 209px;
  height: 260px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(7)::after {
    top: 209px;
    top: 15.30015vw;
    height: 260px;
    height: 19.03367vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(7)::after {
    top: 180px;
    height: 339px;
  }
}

.social-value-system .system-item:nth-child(7) .system-work {
  top: 174px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-item:nth-child(7) .system-work {
    top: 174px;
    top: 12.73792vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-item:nth-child(7) .system-work {
    top: 136px;
    left: -46px;
  }
}

.social-value-system .system-work {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  max-width: 220px;
  padding: 7px 16px;
  border: solid 1px #0079fa;
  border-radius: 35px;
  background-color: #f8fbff;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #757575;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-work {
    max-width: 220px;
    max-width: 16.10542vw;
    padding: 7px 16px;
    padding: 0.51245vw 1.1713vw;
    border-radius: 35px;
    border-radius: 2.56223vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-work {
    max-width: 388px;
    padding: 13px 45px 14px;
    border-radius: 23px;
    letter-spacing: -0.1px;
    font-size: 14px;
    line-height: 17px;
    -webkit-transform: none;
    transform: none;
  }
}

.social-value-system .system-category {
  display: block;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #0079fa;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-category {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-category {
    font-size: 15px;
    line-height: 20px;
  }
}

.social-value-system .system-category-text {
  display: block;
  position: relative;
  max-width: 100%;
  border-bottom: 1px solid transparent;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 768px) {
  .social-value-system .system-category-text {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: keep-all;
  }
}

.social-value-system .system-caption {
  max-width: 634px;
  margin: 39px auto 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #757575;
  text-align: center;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .social-value-system .system-caption {
    max-width: 634px;
    max-width: 46.41288vw;
    margin-top: 39px;
    margin-top: 2.85505vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .system-caption {
    max-width: 100%;
    margin-top: 30px;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
  }
}

.social-value-system .tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media screen and (min-width: 1366px) {
  .social-value-system .tooltip:hover {
    border-bottom: none;
  }
  .social-value-system .tooltip:hover .system-category-text {
    border-color: #0079fa;
  }
  .social-value-system .tooltip:hover .tooltip-info {
    display: block;
  }
}

.social-value-system .tooltip .sup {
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .tooltip .sup {
    font-size: 10px;
    font-size: 0.73206vw;
    line-height: 12px;
    line-height: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .tooltip .sup {
    font-size: 10px;
    line-height: 15px;
  }
}

.social-value-system .tooltip .tooltip-info {
  z-index: 9;
  text-align: left;
}

.social-value-system .note-area {
  max-width: 672px;
  margin: 48px auto 0;
  padding: 24px 28px;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .social-value-system .note-area {
    max-width: 792px;
    max-width: 57.9795vw;
    margin-top: 45px;
    margin-top: 3.29429vw;
    padding: 28px;
    padding: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .note-area {
    max-width: 100%;
    margin-top: 40px;
    padding: 20px;
  }
}

.social-value-system .note-area .note-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #878d98;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .social-value-system .note-area .note-item {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .note-area .note-item {
    font-size: 13px;
    line-height: 18px;
  }
}

.social-value-system .note-area .note-item:not(:first-child) {
  margin-top: 8px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .note-area .note-item:not(:first-child) {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .note-area .note-item:not(:first-child) {
    margin-top: 8px;
  }
}

.social-value-system .note-area .note-item span {
  margin-right: 5px;
}

@media screen and (max-width: 1365px) {
  .social-value-system .note-area .note-item span {
    margin-right: 5px;
    margin-right: 0.36603vw;
  }
}

@media screen and (max-width: 768px) {
  .social-value-system .note-area .note-item span {
    margin-right: 5px;
  }
}

.operating-organization {
  padding: 49px 38px;
}

@media screen and (max-width: 1365px) {
  .operating-organization {
    padding: 50px 38px;
    padding: 3.66032vw 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization {
    padding: 30px 14px 38px;
    border: solid 1px #dbdbdb;
  }
}

.operating-organization-content {
  width: 920px;
  margin: 0 auto;
  background: url(/img/management/bg_operating_organization-42612e3d9082589a7ecc5def24e7f5cf.png) top center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 1365px) {
  .operating-organization-content {
    width: 920px;
    width: 67.34993vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization-content {
    width: 283px;
    background: url(/img/management/bg_operating_organization_mo-7b58fd62936b3accad59a46f04900dcb.png) top center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
}

.operating-organization-content .text {
  display: block;
  width: 100%;
  word-wrap: break-word;
  word-break: keep-all;
}

.operating-organization-content .text.break-all {
  word-break: break-all;
}

.operating-organization .organization-level-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-1 {
    width: 180px;
    width: 13.17716vw;
    height: 180px;
    height: 13.17716vw;
    padding: 20px;
    padding: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-1 {
    width: 180px;
    height: 180px;
    padding: 20px;
  }
}

.operating-organization .organization-level-1 .organization-office {
  display: block;
  width: 100%;
  color: #0079fa;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-1 .organization-office {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-1 .organization-office {
    font-size: 16px;
    line-height: 19px;
  }
}

.operating-organization .organization-level-1 .organization-manager {
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 3px;
  padding: 5px 12px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0079fa), color-stop(113%, #c4e1ff));
  background-image: linear-gradient(to bottom, #0079fa, #c4e1ff 113%);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  letter-spacing: -0.14px;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-1 .organization-manager {
    padding: 5px 12px;
    padding: 0.36603vw 0.87848vw;
    margin-top: 6px;
    margin-top: 0.43924vw;
    margin-bottom: 3px;
    margin-bottom: 0.21962vw;
    border-radius: 4px;
    border-radius: 0.29283vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-1 .organization-manager {
    margin-top: 6px;
    margin-bottom: 2px;
    padding: 3px 10px;
    border-radius: 4px;
    letter-spacing: -0.26px;
    font-size: 13px;
    line-height: 16px;
  }
}

.operating-organization .organization-level-2 {
  margin-top: 4px;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-2 {
    margin-top: 4px;
    margin-top: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 60px;
    margin-top: 25px;
  }
}

.operating-organization .organization-level-2-content {
  display: inline-block;
  margin-left: 547px;
  padding: 11px 20px 10px;
  border: 1px solid #0079fa;
  border-radius: 12px;
  background-color: #f8fbff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-2-content {
    margin-left: 547px;
    margin-left: 40.04392vw;
    padding: 11px 20px 10px;
    padding: 0.80527vw 1.46413vw 0.73206vw;
    border-radius: 12px;
    border-radius: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-2-content {
    width: 134px;
    margin: 0 0 0 auto;
    padding: 9px;
    border-radius: 10px;
  }
}

.operating-organization .organization-level-2 .organization-office {
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-2 .organization-office {
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-2 .organization-office {
    font-size: 13px;
    line-height: 16px;
  }
}

.operating-organization .organization-level-2 .organization-manager {
  display: inline-block;
  margin-top: 6px;
  padding: 3px 9px 3px 8px;
  border-radius: 4px;
  background-color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #0079fa;
  letter-spacing: -0.13px;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-2 .organization-manager {
    margin-top: 6px;
    margin-top: 0.43924vw;
    padding: 3px 9px 2px 7px;
    padding: 0.21962vw 0.65886vw 0.14641vw 0.51245vw;
    border-radius: 4px;
    border-radius: 0.29283vw;
    font-size: 13px;
    font-size: 0.95168vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-2 .organization-manager {
    margin-top: 4px;
    padding: 3px 6px;
    border-radius: 4px;
    letter-spacing: -0.24px;
    font-size: 12px;
    line-height: 14px;
  }
}

.operating-organization .organization-level-3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.operating-organization .organization-level-3 .part-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 50px;
  padding: 5px 9px;
  border: 1px solid #0079fa;
  border-radius: 25px;
  background-color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #0079fa;
  letter-spacing: -0.3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-3 .part-name {
    min-height: 50px;
    min-height: 3.66032vw;
    padding: 5px 9px;
    padding: 0.36603vw 0.65886vw;
    border-radius: 25px;
    border-radius: 1.83016vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-3 .part-name {
    min-height: 37px;
    padding: 5px 10px 4px;
    border-radius: 19px;
    font-size: 14px;
    line-height: 13px;
  }
}

.operating-organization .organization-level-3 .part-manager {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 50px;
  margin-top: 20px;
  padding: 5px 9px;
  border-radius: 25px;
  background-color: #f8fbff;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #0079fa;
  letter-spacing: -0.26px;
  word-wrap: break-word;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-3 .part-manager {
    min-height: 50px;
    min-height: 3.66032vw;
    margin-top: 20px;
    margin-top: 1.46413vw;
    padding: 5px 9px;
    padding: 0.36603vw 0.65886vw;
    border-radius: 25px;
    border-radius: 1.83016vw;
    font-size: 13px;
    font-size: 0.95168vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-3 .part-manager {
    min-height: 54px;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 27px;
    font-size: 13px;
    line-height: 14px;
  }
}

.operating-organization .organization-level-4 .part-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 50px;
  margin-top: 20px;
  padding: 5px 9px;
  border-radius: 25px;
  background-color: #fafafa;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #757575;
  letter-spacing: -0.26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-level-4 .part-name {
    min-height: 50px;
    min-height: 3.66032vw;
    margin-top: 20px;
    margin-top: 1.46413vw;
    padding: 5px 9px;
    padding: 0.36603vw 0.65886vw;
    border-radius: 25px;
    border-radius: 1.83016vw;
    font-size: 13px;
    font-size: 0.95168vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-level-4 .part-name {
    min-height: 54px;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 27px;
    font-size: 13px;
    line-height: 14px;
  }
}

.operating-organization .organization-note-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-note-list {
    margin-top: 20px;
    margin-top: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-note-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 34px -8px 0;
  }
}

.operating-organization .organization-note-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-note-item {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-note-item {
    font-size: 15px;
    line-height: 18px;
  }
}

.operating-organization .organization-note-item:nth-child(2) {
  margin-left: 20px;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-note-item:nth-child(2) {
    margin-left: 20px;
    margin-left: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-note-item:nth-child(2) {
    margin-left: 16px;
  }
}

.operating-organization .organization-note-item:nth-child(2) .icon-note {
  border: solid 1px #e5e5e5;
  background-color: #fafafa;
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-note-item:nth-child(2) .icon-note {
    border-color: #ededed;
  }
}

.operating-organization .organization-note-item .icon-note {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-right: 6px;
  border: solid 1px #cce5ff;
  border-radius: 10px;
  background-color: #f9fbff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .operating-organization .organization-note-item .icon-note {
    width: 30px;
    width: 2.19619vw;
    height: 20px;
    height: 1.46413vw;
    margin-right: 6px;
    margin-right: 0.43924vw;
    border-radius: 10px;
    border-radius: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .organization-note-item .icon-note {
    width: 28px;
    height: 18px;
    margin-right: 8px;
    border-radius: 9px;
  }
}

.operating-organization .part-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 35px -3px -8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .operating-organization .part-list {
    margin-top: 43px;
    margin-top: 3.14788vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .part-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 61px;
    padding-right: 3px;
  }
}

.operating-organization .part-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 128px;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.3px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .operating-organization .part-item {
    width: 128px;
    width: 9.37042vw;
    font-size: 13px;
    font-size: 0.95168vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .part-item {
    width: 135px;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
  }
}

.operating-organization .part-item::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border: 1px solid #0079fa;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}

@media screen and (max-width: 768px) {
  .operating-organization .part-item::before {
    left: 64px;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border: 1px solid #0079fa;
    border-radius: 7px;
    background-color: #fff;
    -webkit-transform: none;
    transform: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
  }
}

.operating-organization .part-item::after {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 1px;
  height: 100%;
  background-color: #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}

.operating-organization .part-item:not(:nth-child(3n + 1))::before {
  content: none;
}

@media screen and (max-width: 768px) {
  .operating-organization .part-item:not(:nth-child(3n + 1))::before {
    content: "";
  }
}

@media screen and (min-width: 1366px) {
  .operating-organization .part-item:not(:first-child) {
    margin-left: 4px;
  }
}

@media (min-width: 769px) and (max-width: 1366px) {
  .operating-organization .part-item:not(:first-child) {
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .part-item:nth-child(2n) {
    margin-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .operating-organization .part-item:not(:nth-child(-n + 2)) {
    margin-top: 20px;
  }
}

.operating-performance {
  margin-top: 48px;
  -webkit-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}

@media screen and (max-width: 1365px) {
  .operating-performance {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance {
    margin-top: 40px;
  }
}

.operating-performance-thumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .operating-performance-thumb-list {
    display: block;
  }
}

.operating-performance-thumb-item {
  width: calc((100% - 24px) / 2);
}

@media screen and (max-width: 1365px) {
  .operating-performance-thumb-item {
    width: calc((100% - 50px) / 2);
  }
}

@media screen and (max-width: 768px) {
  .operating-performance-thumb-item {
    width: 100%;
  }
}

.operating-performance-thumb-item:not(:nth-child(1)) {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .operating-performance-thumb-item:not(:nth-child(1)) {
    margin-left: 50px;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance-thumb-item:not(:nth-child(1)) {
    margin-top: 30px;
    margin-left: 0;
  }
}

.operating-performance .thumb {
  position: relative;
  width: 100%;
  padding-bottom: 55.145%;
}

@media screen and (max-width: 768px) {
  .operating-performance .thumb {
    padding-bottom: 61.86%;
  }
}

.operating-performance .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.operating-performance .thumb-caption {
  display: block;
  margin-top: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: #000;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .operating-performance .thumb-caption {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance .thumb-caption {
    margin-top: 21px;
    font-size: 14px;
    line-height: 17px;
  }
}

.operating-performance .operational-month-list {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .operating-performance .operational-month-list {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance .operational-month-list {
    margin-top: 29px;
  }
}

.operating-performance .operational-month-item {
  margin-top: 14px;
  font-size: 0;
}

@media screen and (max-width: 1365px) {
  .operating-performance .operational-month-item {
    margin-top: 14px;
    margin-top: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance .operational-month-item {
    margin-top: 13px;
  }
}

.operating-performance .operational-month {
  display: inline-block;
  width: 36px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #000;
}

@media screen and (max-width: 1365px) {
  .operating-performance .operational-month {
    width: 36px;
    width: 2.63543vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance .operational-month {
    width: 32px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
  }
}

.operating-performance .operational-list {
  display: inline-block;
  width: calc(100% - 44px);
  margin-left: 8px;
  vertical-align: top;
}

@media screen and (max-width: 1365px) {
  .operating-performance .operational-list {
    width: calc(100% - 3.221vw);
    margin-left: 8px;
    margin-left: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance .operational-list {
    width: calc(100% - 40px);
    margin-left: 8px;
  }
}

.operating-performance .operational-item {
  display: inline-block;
  width: 100%;
  margin-top: -2px;
  color: #757575;
  letter-spacing: -0.16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .operating-performance .operational-item {
    margin-top: -2px;
    margin-top: -0.14641vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance .operational-item {
    letter-spacing: normal;
    font-size: 14px;
    line-height: 19px;
  }
}

.operating-performance .operational-item:not(:first-child) {
  margin-top: 6px;
}

@media screen and (max-width: 1365px) {
  .operating-performance .operational-item:not(:first-child) {
    margin-top: 6px;
    margin-top: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance .operational-item:not(:first-child) {
    margin-top: 13px;
  }
}

.operating-performance-swiper {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .operating-performance-swiper {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance-swiper {
    margin-top: 40px;
  }
}

.operating-performance-swiper .swiper-scrollbar {
  position: static;
  width: 100%;
  height: 2px;
  margin-top: 48px;
  border-radius: 0;
  background: #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .operating-performance-swiper .swiper-scrollbar {
    height: 2px;
    height: 0.14641vw;
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance-swiper .swiper-scrollbar {
    margin-top: 40px;
    height: 2px;
  }
}

.operating-performance-swiper .swiper-scrollbar-drag {
  border-radius: 0;
  background-color: #212121;
}

.operating-performance .swiper-slide {
  height: auto;
}

.operating-performance .swiper-slide:not(:last-child) {
  position: relative;
}

@media screen and (max-width: 768px) {
  .operating-performance .swiper-slide:not(:last-child) {
    margin-right: 0;
  }
}

.operating-performance .swiper-slide:not(:last-child)::after {
  position: absolute;
  top: 67px;
  right: -64px;
  bottom: 0;
  width: 1px;
  background-color: #dbdbdb;
  content: "";
}

@media screen and (max-width: 1365px) {
  .operating-performance .swiper-slide:not(:last-child)::after {
    top: 67px;
    top: 4.90483vw;
    right: -25px;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance .swiper-slide:not(:last-child)::after {
    width: 0;
  }
}

@media screen and (min-width: 1366px) {
  .operating-performance .swiper-slide:hover .operating-performance-year::after {
    width: 100%;
  }
}

.operating-performance .swiper-slide.swiper-slide-active .operating-performance-year::after {
  width: 100%;
}

.operating-performance-year {
  display: inline-block;
  position: relative;
  padding-bottom: 7px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #000;
}

@media screen and (max-width: 1365px) {
  .operating-performance-year {
    padding-bottom: 7px;
    padding-bottom: 0.51245vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance-year {
    padding-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
  }
}

.operating-performance-year::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background-color: #0079fa;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  content: "";
}

@media screen and (max-width: 1365px) {
  .operating-performance-year::after {
    height: 4px;
    height: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .operating-performance-year::after {
    height: 4px;
  }
}

.manage-framework-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  padding: 55px 48px 55px 47px;
  border: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .manage-framework-box {
    margin-top: 30px;
    margin-top: 2.19619vw;
    padding: 55px 48px 55px 47px;
    padding: 4.02635vw 3.51391vw 4.02635vw 3.4407vw;
  }
}

@media screen and (max-width: 768px) {
  .manage-framework-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 36px;
    padding: 0;
    border: none;
  }
}

.manage-framework-level1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0079fa), to(#c4e1ff));
  background-image: linear-gradient(to bottom, #0079fa, #c4e1ff);
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .manage-framework-level1 {
    width: 160px;
    width: 11.71303vw;
    height: 160px;
    height: 11.71303vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .manage-framework-level1 {
    width: 175px;
    height: 175px;
    font-size: 14px;
    line-height: 21px;
  }
}

.manage-framework-level1:after {
  position: absolute;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  border-radius: 50%;
  border: 1px solid #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  content: "";
}

@media screen and (max-width: 1365px) {
  .manage-framework-level1:after {
    top: -7px;
    top: -0.51245vw;
    right: -7px;
    right: -0.51245vw;
    bottom: -7px;
    bottom: -0.51245vw;
    left: -7px;
    left: -0.51245vw;
  }
}

@media screen and (max-width: 768px) {
  .manage-framework-level1:after {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
  }
}

.manage-framework-level1 .highlight {
  display: block;
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 1365px) {
  .manage-framework-level1 .highlight {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .manage-framework-level1 .highlight {
    font-size: 20px;
    line-height: 21px;
  }
}

.manage-framework-level2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 35px;
  padding: 8px;
  border: 1px solid #dbdbdb;
  border-radius: 75px;
}

@media screen and (max-width: 1365px) {
  .manage-framework-level2 {
    margin-top: 35px;
    margin-top: 2.56223vw;
    padding: 8px;
    padding: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .manage-framework-level2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
    padding: 24px;
    border-radius: 100px;
  }
}

.manage-framework-level2::before {
  display: block;
  position: absolute;
  top: -29px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  height: 29px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0079fa), to(#dbdbdb));
  background-image: linear-gradient(to bottom, #0079fa, #dbdbdb);
  content: "";
}

@media screen and (max-width: 1365px) {
  .manage-framework-level2::before {
    top: -29px;
    top: -2.12299vw;
    height: 29px;
    height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .manage-framework-level2::before {
    top: -24px;
    height: 24px;
  }
}

.manage-framework-level2 .manage-framework-itm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 132px;
  height: 132px;
  border: 1px solid #dbdbdb;
  border-radius: 50%;
  background: #fafafa;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .manage-framework-level2 .manage-framework-itm {
    width: 132px;
    width: 9.66325vw;
    height: 132px;
    height: 9.66325vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .manage-framework-level2 .manage-framework-itm {
    width: 140px;
    height: 140px;
    font-size: 15px;
    line-height: 19px;
    color: #212121;
  }
}

.manage-framework-level2 .manage-framework-itm:not(:first-child) {
  margin-left: -23px;
}

@media screen and (max-width: 1365px) {
  .manage-framework-level2 .manage-framework-itm:not(:first-child) {
    margin-left: -23px;
    margin-left: -1.68375vw;
  }
}

@media screen and (max-width: 768px) {
  .manage-framework-level2 .manage-framework-itm:not(:first-child) {
    margin: -23px 0 0;
  }
}

.report-channel-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  max-width: 812px;
  margin: -14px -10px 0;
}

@media screen and (max-width: 1365px) {
  .report-channel-list {
    max-width: 812px;
    max-width: 59.44363vw;
    margin: 16px -10px 0px;
    margin: 1.1713vw -0.73206vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .report-channel-list {
    max-width: none;
    margin: 14px -6px 0;
  }
}

.report-channel-list::after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 390px;
  height: 390px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  background-image: radial-gradient(circle at 50% 50%, #6dabff, rgba(248, 251, 255, 0) 71%);
  opacity: 0.5;
  content: "";
}

@media screen and (max-width: 1365px) {
  .report-channel-list::after {
    width: 390px;
    width: 28.55051vw;
    height: 390px;
    height: 28.55051vw;
  }
}

@media screen and (max-width: 768px) {
  .report-channel-list::after {
    top: 34px;
    width: 312px;
    height: 312px;
    background-image: radial-gradient(circle at 50% 50%, #6dabff, rgba(248, 251, 255, 0) 71%);
    opacity: 0.6;
  }
}

.report-channel-item {
  width: calc(50% - 20px);
  margin: 14px 10px 0;
  padding: 29px 30px;
  border: 1px solid #0379fa;
  border-radius: 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .report-channel-item {
    margin: 14px 10px 0px;
    margin: 1.02489vw 0.73206vw 0vw;
    padding: 29px 30px;
    padding: 2.12299vw 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .report-channel-item {
    width: calc(50% - 12px);
    min-height: 191px;
    margin: 12px 6px 0;
    padding: 17px 14px;
    border-radius: 10px;
  }
}

.report-channel-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .report-channel-name {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .report-channel-name {
    font-size: 14px;
    line-height: 17px;
    color: #212121;
  }
}

.report-channel-desc {
  min-height: 86px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .report-channel-desc {
    min-height: 86px;
    min-height: 6.29575vw;
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .report-channel-desc {
    min-height: 83px;
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 18px;
  }
}

.report-process-list {
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .report-process-list {
    max-width: 312px;
    margin: 0 auto;
  }
}

.report-process-step {
  display: inline-block;
  text-align: center;
}

.report-process-step:nth-child(even) .report-process-info::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.report-process-step:nth-child(n + 1):not(:last-child) .report-process-info::after {
  position: absolute;
  top: 50%;
  right: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0079fa;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}

@media screen and (max-width: 1365px) {
  .report-process-step:nth-child(n + 1):not(:last-child) .report-process-info::after {
    right: -5px;
    right: -0.36603vw;
    width: 10px;
    width: 0.73206vw;
    height: 10px;
    height: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .report-process-step:nth-child(n + 1):not(:last-child) .report-process-info::after {
    right: -4px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (max-width: 768px) {
  .report-process-step {
    margin-bottom: 20px;
  }
  .report-process-step:nth-child(3n + 3) .report-process-info::after {
    display: none;
  }
}

.report-process-order {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
}

@media screen and (max-width: 1365px) {
  .report-process-order {
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .report-process-order {
    font-size: 13px;
    line-height: 16px;
    color: #212121;
  }
}

.report-process-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 132px;
  height: 132px;
  margin-top: 15px;
  border-radius: 50%;
}

@media screen and (max-width: 1365px) {
  .report-process-info {
    width: 132px;
    width: 9.66325vw;
    height: 132px;
    height: 9.66325vw;
    margin-top: 15px;
    margin-top: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .report-process-info {
    width: 104px;
    height: 104px;
    margin-top: 10px;
  }
}

.report-process-info::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/svg/ic_cricle_progress-6f452ddb8d469ea2a8f963a0e34562a7.svg) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  pointer-events: none;
  content: "";
}

.report-process-name {
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .report-process-name {
    font-size: 19px;
    font-size: 1.39092vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .report-process-name {
    font-size: 15px;
    line-height: 18px;
  }
}

.governance-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 792px;
  margin-top: 30px;
  padding: 52px 40px 53px;
  border: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .governance-box {
    width: 792px;
    width: 57.9795vw;
    margin-top: 30px;
    margin-top: 2.19619vw;
    padding: 52px 40px 53px;
    padding: 3.80673vw 2.92826vw 3.87994vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-box {
    width: 100%;
    margin-top: 22px;
    padding: 0;
    border: none;
  }
}

.governance-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 48px;
  border: 2px solid #0079fa;
  border-radius: 50%;
  background: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .governance-title {
    width: 60px;
    width: 4.39239vw;
    height: 60px;
    height: 4.39239vw;
    margin-bottom: 48px;
    margin-bottom: 3.51391vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-title {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.15px;
  }
}

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

.governance-group-list {
  margin-top: -80px;
  padding: 80px 22px 50px;
  border-radius: 90px;
  background-color: #f8fbff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .governance-group-list {
    margin-top: -80px;
    margin-top: -5.85652vw;
    padding: 80px 22px 50px;
    padding: 5.85652vw 1.61054vw 3.66032vw;
    border-radius: 90px;
    border-radius: 6.58858vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-group-list {
    margin-top: -24px;
    padding: 55px 17px 60px;
    border-radius: 73px;
  }
}

.governance-group-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.governance-group-item:not(:first-child) {
  margin-top: 28px;
}

@media screen and (max-width: 1365px) {
  .governance-group-item:not(:first-child) {
    margin-top: 28px;
    margin-top: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-group-item:not(:first-child) {
    margin-top: 45px;
  }
}

@media screen and (max-width: 768px) {
  .governance-group-item:last-child {
    margin-top: 80px;
  }
}

.governance-group-item::before {
  position: absolute;
  top: 50%;
  left: calc(100% - 3px);
  width: 125px;
  height: 3px;
  background-image: linear-gradient(271deg, #0079fa, rgba(255, 255, 255, 0) 83%);
  opacity: 0.8;
  content: "";
}

@media screen and (max-width: 1365px) {
  .governance-group-item::before {
    width: 125px;
    width: 9.15081vw;
    height: 3px;
    height: 0.21962vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-group-item::before {
    left: calc(100% + 17px);
    width: 32px;
    height: 3px;
    background-image: linear-gradient(273deg, #0079fa, rgba(255, 255, 255, 0.5));
    opacity: 1;
  }
}

.governance-group-item:after {
  position: absolute;
  top: calc(50% - 5px);
  left: calc(100% + 112px);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #0079fa;
  content: "";
}

@media screen and (max-width: 1365px) {
  .governance-group-item:after {
    top: calc(50% - 3.5px);
    left: calc(100% + calc(105 * 100 / 1366 * 1vw));
    width: 13px;
    width: 0.95168vw;
    height: 13px;
    height: 0.95168vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-group-item:after {
    top: calc(50% - 4px);
    left: calc(100% + 43px);
    width: 10px;
    height: 10px;
  }
}

.governance-group-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 150px;
  height: 104px;
  border-radius: 20px;
  background: #0279fa;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .governance-group-content {
    width: 150px;
    width: 10.98097vw;
    height: 104px;
    height: 7.61347vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 23px;
    line-height: 1.68375vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-group-content {
    min-width: 110px;
    min-height: 110px;
    border-radius: 15px;
    font-size: 15px;
    line-height: 18px;
  }
}

.governance-group-content + .governance-group-content {
  margin-top: 8px;
}

@media screen and (max-width: 1365px) {
  .governance-group-content + .governance-group-content {
    margin-top: 8px;
    margin-top: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-group-content + .governance-group-content {
    margin-top: 6px;
  }
}

.governance-group-content.style2 {
  background: #288fff;
}

.governance-group-content.style3 {
  background: #67b0ff;
}

.governance-group-content.style4 {
  background: #9ecdff;
}

.governance-role {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 22px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .governance-role {
    margin-left: 22px;
    margin-left: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-role {
    margin-left: 20px;
  }
}

.governance-role-list {
  margin-top: -80px;
  padding: 99px 22px 34px;
  border-radius: 30px;
  background-color: #fafafa;
}

@media screen and (max-width: 1365px) {
  .governance-role-list {
    margin-top: -80px;
    margin-top: -5.85652vw;
    padding: 99px 22px 34px;
    padding: 7.24744vw 1.61054vw 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-role-list {
    margin-top: -24px;
    padding: 55px 11px 18px;
    border-radius: 18px;
  }
}

.governance-role-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 120px;
  margin-bottom: 10px;
  border: 1px solid #dbdbdb;
  border-radius: 20px;
  background: #fff;
  font-size: 18px;
  line-height: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .governance-role-item {
    height: 120px;
    height: 8.78477vw;
    margin-bottom: 10px;
    margin-bottom: 0.73206vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 25px;
    line-height: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-role-item {
    min-height: 180px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 17px;
  }
}

.governance-role-item:first-child {
  height: 180px;
  margin-bottom: 37px;
}

@media screen and (max-width: 1365px) {
  .governance-role-item:first-child {
    height: 180px;
    height: 13.17716vw;
    margin-bottom: 37px;
    margin-bottom: 2.70864vw;
  }
}

@media screen and (max-width: 768px) {
  .governance-role-item:first-child {
    min-height: 226px;
    height: auto;
  }
}

.communication-manage-box {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .communication-manage-box {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-manage-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
  }
}

.communication-diagram-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 692px;
  height: 448px;
  margin: 0 46px 0 54px;
  background: url(/img/svg/bg_diagram_channel_pc-1d5e9b177f526a658a9d13d0aa3e844c.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-box {
    width: 692px;
    width: 50.65886vw;
    height: 448px;
    height: 32.79649vw;
    margin: 0px 46px 0px 54px;
    margin: 0vw 3.3675vw 0vw 3.95315vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-box {
    width: 360px;
    height: 455px;
    margin: 0;
    background-image: url(/img/svg/bg_diagram_channel_mo-5dea18d3777a38b61dc8320c91c2819d.svg);
  }
  .communication-diagram-box:after {
    display: inline-block;
    height: 100%;
    content: "";
  }
}

.communication-diagram-box .title {
  margin: 0 12px 40px 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-box .title {
    margin: 0px 12px 40px 0px;
    margin: 0vw 0.87848vw 2.92826vw 0vw;
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-box .title {
    margin: 0 0 77px 0;
    font-size: 15px;
    line-height: 19px;
  }
}

.communication-diagram-item {
  position: absolute;
  overflow: hidden;
  width: 96px;
  height: 96px;
  border-radius: 50%;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-item {
    width: 96px;
    width: 7.02782vw;
    height: 96px;
    height: 7.02782vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-item {
    width: 68px;
    height: 68px;
  }
}

.communication-diagram-item:first-child {
  top: 7px;
  left: 457px;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-item:first-child {
    top: 7px;
    top: 0.51245vw;
    left: 457px;
    left: 33.45534vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-item:first-child {
    top: 0;
    left: 146px;
  }
}

.communication-diagram-item:nth-child(2) {
  top: 94px;
  left: 588px;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-item:nth-child(2) {
    top: 94px;
    top: 6.88141vw;
    left: 588px;
    left: 43.04539vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-item:nth-child(2) {
    top: 49px;
    left: auto;
    right: 29px;
  }
}

.communication-diagram-item:nth-child(3) {
  top: 289px;
  left: 525px;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-item:nth-child(3) {
    top: 289px;
    top: 21.15666vw;
    left: 525px;
    left: 38.43338vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-item:nth-child(3) {
    top: auto;
    left: auto;
    right: 30px;
    bottom: 129px;
  }
}

.communication-diagram-item:nth-child(4) {
  top: 244px;
  left: 145px;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-item:nth-child(4) {
    top: 244px;
    top: 17.86237vw;
    left: 145px;
    left: 10.61493vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-item:nth-child(4) {
    top: auto;
    left: 146px;
    bottom: 80px;
  }
}

.communication-diagram-item:nth-child(5) {
  top: 178px;
  left: 0px;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-item:nth-child(5) {
    top: 178px;
    top: 13.03075vw;
    left: 0px;
    left: 0vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-item:nth-child(5) {
    top: auto;
    left: 30px;
    bottom: 129px;
  }
}

.communication-diagram-item:nth-child(6) {
  top: 47px;
  left: 30px;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-item:nth-child(6) {
    top: 47px;
    top: 3.4407vw;
    left: 30px;
    left: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-item:nth-child(6) {
    top: 49px;
    left: 29px;
  }
}

.communication-diagram-item.is-selected {
  background: #0079fa;
  -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 121, 250, 0.2);
  box-shadow: 0px 0px 0px 8px rgba(0, 121, 250, 0.2);
}

@media screen and (max-width: 768px) {
  .communication-diagram-item.is-selected {
    -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 121, 250, 0.2);
    box-shadow: 0px 0px 0px 5px rgba(0, 121, 250, 0.2);
  }
}

.communication-diagram-item.is-selected .communication-diagram-btn {
  color: #fff;
}

.communication-diagram-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #212121;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .communication-diagram-btn {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-diagram-btn {
    font-size: 13px;
    line-height: 16px;
  }
}

.communication-channel-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 816px;
  margin: 20px -12px 0;
}

@media screen and (max-width: 1365px) {
  .communication-channel-lst {
    max-width: 816px;
    max-width: 59.73646vw;
    margin: 20px -12px 0px;
    margin: 1.46413vw -0.87848vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-lst {
    max-width: 100%;
    margin: 30px 0 0;
  }
}

.communication-channel-item {
  width: calc(50% - 24px);
  margin: 0 12px;
}

@media screen and (max-width: 1365px) {
  .communication-channel-item {
    margin: 0px 12px;
    margin: 0vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-item {
    width: 100%;
    margin: 0;
  }
  .communication-channel-item:not(:first-child) {
    margin-top: 12px;
  }
}

.communication-channel-item:nth-child(n + 3) {
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .communication-channel-item:nth-child(n + 3) {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-item:nth-child(n + 3) {
    margin-top: 12px;
  }
}

.communication-channel-item.is-open .communication-channel-name {
  border-radius: 20px 20px 0 0;
}

@media screen and (max-width: 1365px) {
  .communication-channel-item.is-open .communication-channel-name {
    border-radius: 20px 20px 0px 0px;
    border-radius: 1.46413vw 1.46413vw 0vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-item.is-open .communication-channel-name {
    border-radius: 10px 10px 0 0;
    border-bottom: none;
  }
}

.communication-channel-item.is-open .communication-channel-name::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.communication-channel-item.is-open .communication-channel-detail {
  display: block;
}

.communication-channel-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 29px 24px;
  border: 1px solid #dbdbdb;
  border-radius: 20px;
  background: #fefefe;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .communication-channel-name {
    padding: 30px 24px;
    padding: 2.19619vw 1.75695vw;
    border-radius: 20px;
    border-radius: 1.46413vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-name {
    padding: 20px 18px;
    border-radius: 10px;
    background: #fff;
    font-size: 14px;
    line-height: 17px;
  }
}

.communication-channel-name::after {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 12px;
  width: 22px;
  height: 22px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -388px -1442px;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  content: "";
}

@media screen and (max-width: 1365px) {
  .communication-channel-name::after {
    margin-left: 12px;
    margin-left: 0.87848vw;
    width: 1.61054vw;
    height: 1.61vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -28.4vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-name::after {
    margin-left: 18px;
    width: 17px;
    height: 17px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1169.13636px 1135.90909px;
    background-size: 1169.13636px 1135.90909px;
    background-position: -299.81818px -1114.27273px;
    background-repeat: no-repeat;
  }
}

.communication-channel-detail {
  display: none;
  padding: 24px 24px 37px;
  border: solid 1px #dbdbdb;
  border-top: none;
  border-radius: 0 0 20px 20px;
  background-color: #fafafa;
  font-size: 16px;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .communication-channel-detail {
    padding: 24px 24px 37px;
    padding: 1.75695vw 1.75695vw 2.70864vw;
    border-radius: 0px 0px 20px 20px;
    border-radius: 0vw 0vw 1.46413vw 1.46413vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-detail {
    padding: 18px 18px 36px;
    border-radius: 0 0 10px 10px;
    font-size: 13px;
    line-height: 16px;
  }
}

.communication-channel-detail-itm:not(:first-child) {
  margin-top: 12px;
}

@media screen and (max-width: 1365px) {
  .communication-channel-detail-itm:not(:first-child) {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-detail-itm:not(:first-child) {
    margin-top: 10px;
  }
}

.communication-channel-detail .note {
  font-size: 14px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .communication-channel-detail .note {
    font-size: 14px;
    font-size: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .communication-channel-detail .note {
    font-size: 12px;
  }
}

.management-content-comply .tab-management-content + .tab-management-content {
  margin-top: 60px;
}

@media screen and (max-width: 1365px) {
  .management-content-comply .tab-management-content + .tab-management-content {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .management-content-comply .tab-management-content + .tab-management-content {
    margin-top: 70px;
  }
}

.business-philosophy {
  overflow: hidden;
  margin-top: 0;
  padding-bottom: 207px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy {
    padding-bottom: 207px;
    padding-bottom: 15.15373vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 120px;
  }
}

.business-philosophy-intro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .business-philosophy-intro {
    display: block;
  }
}

.business-philosophy-intro::before {
  position: absolute;
  z-index: -1;
  height: calc(100% + 160px);
  width: 100vw;
  top: -160px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(/img/management/bg_business_philosophy_intro-c5dbbfd8fa2c8ba760bd959baf5b82ef.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-position: bottom;
  content: "";
}

@media screen and (max-width: 1365px) {
  .business-philosophy-intro::before {
    top: -160px;
    top: -11.71303vw;
    height: calc(100% + 11.713vw);
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-intro::before {
    height: calc(100% + 80px);
    top: -80px;
    background-image: url(/img/management/bg_mo_business_philosophy_intro-6e8f0170840bbe1a6701ba8032ffdda8.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: bottom;
  }
}

.business-philosophy-intro .intro-title {
  display: block;
  margin-top: 62px;
  font-size: 30px;
  font-weight: 700;
  line-height: 50px;
  color: #000;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-intro .intro-title {
    margin-top: 62px;
    margin-top: 4.5388vw;
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 50px;
    line-height: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-intro .intro-title {
    margin-top: 40px;
    font-size: 18px;
    line-height: 34px;
    color: #191919;
  }
}

.business-philosophy-intro .intro-title-large {
  font-size: 40px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-intro .intro-title-large {
    font-size: 40px;
    font-size: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-intro .intro-title-large {
    font-size: 24px;
  }
}

.business-philosophy-intro .intro-image-desc {
  position: absolute;
  left: 50%;
  bottom: 68px;
  padding-right: 37%;
  width: 100vw;
  font-size: 18px;
  line-height: 22px;
  color: #757575;
  text-align: right;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 769px) and (max-width: 1600px) {
  .business-philosophy-intro .intro-image-desc {
    bottom: 39px;
    padding-right: 30%;
  }
}

@media screen and (max-width: 1365px) {
  .business-philosophy-intro .intro-image-desc {
    bottom: 39px;
    bottom: 2.85505vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-intro .intro-image-desc {
    display: block;
    position: static;
    margin-top: 95px;
    font-size: 15px;
    line-height: 21px;
    -webkit-transform: none;
    transform: none;
  }
}

.business-philosophy-intro .intro-image-desc .hight-light {
  font-weight: 700;
  color: #0079fa;
}

.business-philosophy-intro .management-content-text {
  max-width: 480px;
  margin-top: 23px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-intro .management-content-text {
    max-width: 480px;
    max-width: 35.13909vw;
    margin-top: 23px;
    margin-top: 1.68375vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-intro .management-content-text {
    max-width: 312px;
    margin-top: 36px;
  }
}

.business-philosophy-intro .business-philosophy-content {
  padding: 0 0 144px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-intro .business-philosophy-content {
    padding: 0px 0px 144px;
    padding: 0vw 0vw 10.54173vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-intro .business-philosophy-content {
    padding-top: 0;
    padding-bottom: 110px;
  }
}

.business-philosophy-title {
  display: block;
  overflow: hidden;
  margin-top: 30px;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  color: #191919;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-title {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 36px;
    line-height: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-title {
    margin-top: 18px;
    font-size: 17px;
    line-height: 21px;
  }
}

.business-philosophy-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .business-philosophy-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.business-philosophy-box:first-child .business-philosophy-image {
  border: none;
}

.business-philosophy-box .business-philosophy-image.type2 {
  padding: 40px 24px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-box .business-philosophy-image.type2 {
    padding: 40px 25px 30px;
    padding: 2.92826vw 1.83016vw 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-box .business-philosophy-image.type2 {
    padding: 14px 5px;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-box:not(:first-child) {
    margin-top: 60px;
  }
}

.business-philosophy-progress .business-philosophy-content {
  padding: 0 78px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-progress .business-philosophy-content {
    padding: 0px 78px;
    padding: 0vw 5.7101vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-progress .business-philosophy-content {
    padding: 0;
  }
}

.business-philosophy-progress .management-content-text {
  max-width: 330px;
  margin-top: 28px;
  overflow: hidden;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-progress .management-content-text {
    max-width: 330px;
    max-width: 24.15813vw;
    margin-top: 28px;
    margin-top: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-progress .management-content-text {
    max-width: none;
    margin-top: 30px;
  }
}

.business-philosophy-box {
  z-index: -1;
}

.business-philosophy-box .business-philosophy-image {
  -webkit-transform: translateY(120%);
  transform: translateY(120%);
  -webkit-transition: -webkit-transform 0.62s;
  transition: -webkit-transform 0.62s;
  transition: transform 0.62s;
  transition: transform 0.62s, -webkit-transform 0.62s;
  -webkit-transition-delay: calc(var(--i, 0) * 0.1s);
  transition-delay: calc(var(--i, 0) * 0.1s);
}

@media screen and (max-width: 768px) {
  .business-philosophy-box .business-philosophy-image {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: none;
    transition: none;
  }
}

.business-philosophy-box .circle-criteria-list {
  -webkit-transform: translateY(120%);
  transform: translateY(120%);
  -webkit-transition: -webkit-transform 0.55s;
  transition: -webkit-transform 0.55s;
  transition: transform 0.55s;
  transition: transform 0.55s, -webkit-transform 0.55s;
  -webkit-transition-delay: calc(var(--i, 0) * 0.12s);
  transition-delay: calc(var(--i, 0) * 0.12s);
}

@media screen and (max-width: 768px) {
  .business-philosophy-box .circle-criteria-list {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: none;
    transition: none;
  }
}

.business-philosophy-box .text {
  display: block;
  -webkit-transform: translateY(120%);
  transform: translateY(120%);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transition-delay: calc(var(--i, 0) * 0.12s);
  transition-delay: calc(var(--i, 0) * 0.12s);
}

@media screen and (max-width: 768px) {
  .business-philosophy-box .text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: none;
    transition: none;
  }
}

.business-philosophy-box .business-philosophy-content {
  position: relative;
  overflow: hidden;
}

.business-philosophy-box.is-active {
  z-index: 4 !important;
}

.business-philosophy-box.is-active .text,
.business-philosophy-box.is-active .circle-criteria-list,
.business-philosophy-box.is-active .business-philosophy-image {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.business-philosophy-box.is-active .business-philosophy-content::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.business-philosophy-box.animation-up .business-philosophy-image {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.business-philosophy-year {
  display: block;
  position: relative;
  overflow: hidden;
  margin-left: -100px;
  padding-left: 100px;
  font-size: 60px;
  line-height: 72px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-year {
    margin-left: -100px;
    margin-left: -7.32064vw;
    padding-left: 100px;
    padding-left: 7.32064vw;
    font-size: 60px;
    font-size: 4.39239vw;
    line-height: 72px;
    line-height: 5.27086vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-year {
    font-size: 44px;
    line-height: 53px;
  }
}

.business-philosophy-year .text::before {
  display: block;
  position: absolute;
  top: 34px;
  left: -22px;
  width: 56px;
  height: 2px;
  background-color: #0079fa;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: calc(var(--i, 0) * 0.1s);
  transition-delay: calc(var(--i, 0) * 0.1s);
  content: "";
}

@media screen and (max-width: 1365px) {
  .business-philosophy-year .text::before {
    top: 34px;
    top: 2.48902vw;
    left: -22px;
    left: -1.61054vw;
    width: 56px;
    width: 4.09956vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-year .text::before {
    display: none;
  }
}

.business-philosophy-year + .management-content-text {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-year + .management-content-text {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-year + .management-content-text {
    margin-top: 25px;
  }
}

.business-philosophy-image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 510px;
  height: 538px;
  border: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-image {
    width: 510px;
    width: 37.33529vw;
    height: 538px;
    height: 39.38507vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-image {
    margin-top: 40px;
    width: 100%;
    height: auto;
  }
}

.business-philosophy-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.business-philosophy-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 43px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-link {
    margin-top: 43px;
    margin-top: 3.14788vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-link {
    margin-top: 22px;
    font-size: 15px;
    line-height: 18px;
  }
}

.business-philosophy-link .icon {
  margin-left: 6px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-link .icon {
    margin-left: 6px;
    margin-left: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-link .icon {
    margin-left: 5px;
  }
}

.business-philosophy-swipe {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 538px;
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy-swipe {
    min-height: 538px;
    min-height: 39.38507vw;
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy-swipe {
    min-height: auto;
    margin-top: 0;
  }
}

.business-philosophy-swipe .business-philosophy-panel {
  position: absolute;
  width: 100%;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .business-philosophy-swipe .business-philosophy-panel {
    position: static;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

.business-philosophy .tab-philosophy-homepage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 200px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy .tab-philosophy-homepage {
    margin-top: 200px;
    margin-top: 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy .tab-philosophy-homepage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 68px;
  }
}

.business-philosophy .tab-philosophy-homepage .business-philosophy-image {
  height: 324px;
  margin-left: auto;
  border: none;
}

@media screen and (max-width: 1365px) {
  .business-philosophy .tab-philosophy-homepage .business-philosophy-image {
    height: 324px;
    height: 23.71889vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy .tab-philosophy-homepage .business-philosophy-image {
    margin-left: 0;
    margin-top: 50px;
    height: 424.53333px;
    height: 55.27778vw;
  }
}

@media screen and (max-width: 768px) and (max-width: 360px) {
  .business-philosophy .tab-philosophy-homepage .business-philosophy-image {
    height: 199px;
    height: 55.27778vw;
  }
}

.business-philosophy .tab-philosophy-homepage .management-content-title {
  color: #191919;
}

.business-philosophy .tab-philosophy-homepage .management-content-text {
  margin-top: 44px;
  max-width: 323px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy .tab-philosophy-homepage .management-content-text {
    margin-top: 44px;
    margin-top: 3.22108vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy .tab-philosophy-homepage .management-content-text {
    margin-top: 37px;
  }
}

.business-philosophy .tab-management-content.business-philosophy-progress {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy .tab-management-content.business-philosophy-progress {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy .tab-management-content.business-philosophy-progress {
    margin-top: 60px;
  }
}

.business-philosophy .desc-text-wrap {
  display: inline-block;
  width: 40.8%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .business-philosophy .desc-text-wrap {
    width: 100%;
    text-align: left;
  }
}

.business-philosophy .non-slider .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.business-philosophy .management-content-text {
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .business-philosophy .management-content-text {
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .business-philosophy .management-content-text {
    line-height: 21px;
  }
}

.diagram-progress-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 56px 0 85px;
  border-bottom: 1px solid #ebebeb;
}

@media screen and (max-width: 1365px) {
  .diagram-progress-list {
    padding: 56px 0px 85px;
    padding: 4.09956vw 0vw 6.22255vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-progress-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 37px 0 57px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: none;
  }
}

.diagram-progress-item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-preferred-size: calc(100% / 3 - 179px / 2);
  flex-basis: calc(100% / 3 - 179px / 2);
  width: calc(100% / 3 - 179px / 2);
  height: 206px;
  padding: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .diagram-progress-item {
    width: calc(100% / 3 - 17.4vw / 2);
    -ms-flex-preferred-size: calc(100% / 3 - 17.4vw / 2);
    flex-basis: calc(100% / 3 - 17.4vw / 2);
    height: 206px;
    height: 15.08053vw;
    padding: 20px;
    padding: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-progress-item {
    width: 190px;
    -ms-flex-preferred-size: 190px;
    flex-basis: 190px;
    height: 186px;
    padding: 20px;
  }
}

.diagram-progress-item:not(:first-child) {
  margin-left: 179px;
}

@media screen and (max-width: 1365px) {
  .diagram-progress-item:not(:first-child) {
    margin-left: 179px;
    margin-left: 13.10395vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-progress-item:not(:first-child) {
    margin-left: 0;
    margin-top: 54px;
  }
}

.diagram-progress-item:not(:first-child)::after {
  display: block;
  position: absolute;
  left: -106px;
  margin-top: 4px;
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -724px -1394px;
  background-repeat: no-repeat;
  content: "";
}

@media screen and (max-width: 1365px) {
  .diagram-progress-item:not(:first-child)::after {
    left: -106px;
    left: -7.75988vw;
    margin-top: 4px;
    margin-top: 0.29283vw;
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -53vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .diagram-progress-item:not(:first-child)::after {
    top: -39px;
    left: 50%;
    margin-top: 0;
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1134.75px 1102.5px;
    background-size: 1134.75px 1102.5px;
    background-position: -543px -1045.5px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg) translateY(50%);
    transform: rotate(90deg) translateY(50%);
  }
}

.diagram-progress-item::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-image: url(/img/svg/bg_pc_management_diagrame-f201b6008abc493c7252c52ffec9ea05.svg);
  content: "";
}

@media screen and (max-width: 768px) {
  .diagram-progress-item::before {
    background-image: url(/img/svg/bg_mo_management_diagrame-1d58fe2c559ed9d24d61155925cbe966.svg);
  }
}

.diagram-progress-item:nth-child(even)::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.diagram-progress-time {
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .diagram-progress-time {
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 31px;
    line-height: 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-progress-time {
    font-size: 19px;
    line-height: 23px;
  }
}

.diagram-progress-text {
  margin-top: 5px;
  font-size: 18px;
  line-height: 21px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .diagram-progress-text {
    margin-top: 5px;
    margin-top: 0.36603vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-progress-text {
    margin-top: 8px;
    font-size: 14px;
    line-height: 17px;
  }
}

.circle-criteria-area {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .circle-criteria-area {
    overflow: visible;
  }
}

.circle-criteria-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .circle-criteria-list {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .circle-criteria-list {
    margin-top: 28px;
  }
}

.circle-criteria-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100px;
  height: 100px;
  border: 1px solid #0079fa;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .circle-criteria-item {
    width: 100px;
    width: 7.32064vw;
    height: 100px;
    height: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .circle-criteria-item {
    width: 96px;
    height: 96px;
  }
}

.circle-criteria-item:not(:last-child) {
  margin-left: -25px;
}

@media screen and (max-width: 1365px) {
  .circle-criteria-item:not(:last-child) {
    margin-left: -25px;
    margin-left: -1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .circle-criteria-item:not(:last-child) {
    margin-left: -24px;
  }
}

.circle-criteria-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .circle-criteria-text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .circle-criteria-text {
    font-size: 15px;
    line-height: 18px;
  }
}

.comply-law {
  position: relative;
}

.comply-law::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #0079fa;
  opacity: 0.85;
  content: "";
}

.comply-law-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

@media screen and (max-width: 768px) {
  .comply-law-bg {
    position: static;
  }
}

.comply-law-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}

.comply-law-content {
  max-width: 486px;
  padding: 41px 48px;
}

@media screen and (max-width: 1365px) {
  .comply-law-content {
    max-width: 486px;
    max-width: 35.57833vw;
    padding: 41px 48px;
    padding: 3.00146vw 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .comply-law-content {
    max-width: 100%;
    padding: 28px 24px 80px 20px;
  }
}

.comply-law-content .management-content-title {
  color: #fff;
}

.comply-law-message {
  margin: 21px 26px 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .comply-law-message {
    margin: 21px 26px 0px 0px;
    margin: 1.53734vw 1.90337vw 0vw 0vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .comply-law-message {
    margin: 25px 0 0;
    font-size: 15px;
    line-height: 21px;
  }
}

.comply-law .comply-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 306px;
  margin-top: 29px;
  padding: 12px 16px 14px 24px;
  border: 1px solid #fff;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1366px) {
  .comply-law .comply-link:hover {
    background-color: #fff;
  }
  .comply-law .comply-link:hover .comply-link-text {
    color: #0079fa;
  }
  .comply-law .comply-link:hover .icon-arrow-next-blue {
    width: 28px;
    height: 28px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1290px -1394px;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1365px) {
  .comply-law .comply-link {
    max-width: 306px;
    max-width: 22.40117vw;
    margin-top: 29px;
    margin-top: 2.12299vw;
    padding: 12px 16px 14px 24px;
    padding: 0.87848vw 1.1713vw 1.02489vw 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .comply-law .comply-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: none;
    margin-top: 0;
    padding: 11px 15px 11px 19px;
    border-color: #0079fa;
    background-color: #fff;
  }
}

.comply-law .comply-link .icon-arrow-next-blue {
  width: 28px;
  height: 28px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1326px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .comply-law .comply-link .icon-arrow-next-blue {
    width: 2.04978vw;
    height: 2.05vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -97.07vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .comply-law .comply-link .icon-arrow-next-blue {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1296.85714px 1260px;
    background-size: 1296.85714px 1260px;
    background-position: -1105.71429px -1194.85714px;
    background-repeat: no-repeat;
  }
}

.comply-law .comply-link-text {
  width: calc(100% - 35px);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .comply-law .comply-link-text {
    width: calc(100% - 2.562vw);
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .comply-law .comply-link-text {
    width: calc(100% - 30px);
    color: #0079fa;
    font-size: 13px;
    line-height: 15px;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report {
    margin-top: -7px;
  }
}

.synthetic-report-filter {
  position: relative;
  width: calc((100% - 48px) / 3);
}

@media screen and (max-width: 1365px) {
  .synthetic-report-filter {
    width: calc((100% - 3.514vw) / 3);
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-filter {
    width: 100%;
  }
}

.synthetic-report-filter .btn-filter {
  position: relative;
  width: 100%;
  padding-bottom: 9px;
  color: #191919;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .synthetic-report-filter .btn-filter {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 39px;
    line-height: 2.85505vw;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-filter .btn-filter {
    font-size: 21px;
    line-height: 26px;
  }
}

.synthetic-report-filter .btn-filter::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #212121;
  content: "";
}

.synthetic-report-filter .btn-filter::after {
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1197.79167px 1163.75px;
  background-size: 1197.79167px 1163.75px;
  background-position: -1146.52333px -867.66667px;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  content: "";
}

@media screen and (max-width: 1365px) {
  .synthetic-report-filter .btn-filter::after {
    width: 2.78184vw;
    height: 2.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 87.69vw 85.19vw;
    background-size: 87.69vw 85.19vw;
    background-position: -83.93vw -63.52vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-filter .btn-filter::after {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -724.12px -548px;
    background-repeat: no-repeat;
  }
}

.synthetic-report-filter .btn-filter.is-active::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.synthetic-report-filter .btn-filter.is-active + .synthetic-report-options {
  display: block;
}

.synthetic-report-options {
  display: none;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: calc(100% - 2px);
  z-index: 1;
  width: 100%;
  max-height: 320px;
  border: 2px solid #212121;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.synthetic-report-options::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}

.synthetic-report-options::-webkit-scrollbar-track {
  background-color: transparent;
}

.synthetic-report-options::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 100px;
  background-color: rgba(25, 25, 25, 0.2);
}

@media screen and (max-width: 1365px) {
  .synthetic-report-options {
    max-height: 320px;
    max-height: 23.42606vw;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-options {
    max-height: 239px;
  }
}

.synthetic-report-options .btn-option {
  display: block;
  width: 100%;
  padding: 16px 24px;
  color: #212121;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .synthetic-report-options .btn-option {
    padding: 16px 24px;
    padding: 1.1713vw 1.75695vw;
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-options .btn-option {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1366px) {
  .synthetic-report-options .btn-option:hover {
    background-color: #ededed;
  }
}

.synthetic-report-options .btn-option.is-selected {
  background-color: #ededed;
}

.synthetic-report-options .option:first-child .btn-option {
  padding-top: 14px;
}

@media screen and (max-width: 1365px) {
  .synthetic-report-options .option:first-child .btn-option {
    padding-top: 14px;
    padding-top: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-options .option:first-child .btn-option {
    padding-top: 12px;
  }
}

.synthetic-report-options .option:last-child .btn-option {
  padding-bottom: 14px;
}

@media screen and (max-width: 1365px) {
  .synthetic-report-options .option:last-child .btn-option {
    padding-bottom: 14px;
    padding-bottom: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-options .option:last-child .btn-option {
    padding-bottom: 11px;
  }
}

.synthetic-report-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 36px;
}

@media screen and (max-width: 1365px) {
  .synthetic-report-list {
    margin-top: 36px;
    margin-top: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-list {
    margin-top: 40px;
  }
}

.synthetic-report-item {
  width: calc((100% - 48px) / 3);
}

@media screen and (max-width: 1365px) {
  .synthetic-report-item {
    width: calc((100% - 3.514vw) / 3);
  }
}

.synthetic-report-item:nth-child(n + 4) {
  margin-top: 35px;
}

@media screen and (max-width: 1365px) {
  .synthetic-report-item:nth-child(n + 4) {
    margin-top: 35px;
    margin-top: 2.56223vw;
  }
}

.synthetic-report-item:not(:nth-child(3n + 1)) {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .synthetic-report-item:not(:nth-child(3n + 1)) {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-item:not(:nth-child(3n + 1)) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-item {
    width: 100%;
  }
  .synthetic-report-item:not(:first-child) {
    margin-top: 40px;
  }
}

@media screen and (min-width: 1366px) {
  .synthetic-report-item:hover .thumb img {
    border-color: #0079fa;
  }
  .synthetic-report-item:hover .thumb-caption {
    color: #0079fa;
  }
}

.synthetic-report-item .thumb {
  position: relative;
  width: 100%;
  padding-bottom: 126.58%;
}

.synthetic-report-item .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dbdbdb;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.synthetic-report-item .thumb-caption {
  display: block;
  margin-top: 30px;
  color: #212121;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .synthetic-report-item .thumb-caption {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .synthetic-report-item .thumb-caption {
    margin-top: 28px;
    font-size: 18px;
    line-height: 22px;
  }
}

.consumer-centric-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  max-width: 894px;
  min-height: 80px;
  margin-top: 27px;
  padding: 15px 75px 15px 23px;
  border: solid 1px #dbdbdb;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .consumer-centric-link {
    max-width: 894px;
    max-width: 65.44656vw;
    min-height: 80px;
    min-height: 5.85652vw;
    margin-top: 27px;
    margin-top: 1.97657vw;
    padding: 15px 75px 15px 23px;
    padding: 1.0981vw 5.49048vw 1.0981vw 1.68375vw;
    border-radius: 8px;
    border-radius: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric-link {
    max-width: none;
    min-height: 94px;
    margin-top: 27px;
    padding: 14px 48px 14px 16px;
    border-radius: 4px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric-link.layout-other + .consumer-centric-link {
    margin-top: 11px;
  }
}

.consumer-centric-link + .consumer-centric-link {
  margin-top: 20px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric-link + .consumer-centric-link {
    margin-top: 20px;
    margin-top: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric-link + .consumer-centric-link {
    margin-top: 30px;
  }
}

.consumer-centric-link::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 22px;
  width: 32px;
  height: 32px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -684px -1394px;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}

@media screen and (max-width: 1365px) {
  .consumer-centric-link::after {
    right: 22px;
    right: 1.61054vw;
    width: 2.34261vw;
    height: 2.34vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -50.07vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1365px) {
  .consumer-centric-link::after {
    right: 15px;
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1134.75px 1102.5px;
    background-size: 1134.75px 1102.5px;
    background-position: -513px -1045.5px;
    background-repeat: no-repeat;
  }
}

.consumer-centric-link .link-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .consumer-centric-link .link-title {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric-link .link-title {
    font-size: 15px;
    line-height: 21px;
  }
}

.consumer-centric-link .link-desc {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .consumer-centric-link .link-desc {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric-link .link-desc {
    margin-top: 0px;
    font-size: 14px;
    line-height: 21px;
  }
}

.consumer-centric .text-notice {
  display: block;
  margin-bottom: -3px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .text-notice {
    margin-bottom: -3px;
    margin-bottom: -0.21962vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .text-notice {
    font-size: 13px;
    line-height: 21px;
    margin-top: -1px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .tab-management-content + .tab-management-content {
    margin-top: 68px;
  }
}

.consumer-centric .table-wrap + .consumer-centric-link {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .table-wrap + .consumer-centric-link {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table-wrap + .consumer-centric-link {
    margin-top: 40px;
  }
}

.consumer-centric .operating-organization-content {
  width: 666px;
  margin-top: -25px;
  background: url(/img/management/bg_operating_organization02-00e16e3f63947038e998670ac793e637.png) top center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .operating-organization-content {
    width: 666px;
    width: 48.75549vw;
    margin-top: -25px;
    margin-top: -1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .operating-organization-content {
    width: 100%;
    max-width: 280px;
    margin: 24px auto 0;
    background: url(/img/management/bg_mo_operating_organization02-810f3ce2906a48f274c95b16f4982fe0.png) top center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-level-1 {
    width: 170px;
    height: 170px;
  }
}

.consumer-centric .organization-level-1 .organization-manager {
  margin-top: 5px;
  margin-bottom: 2px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .organization-level-1 .organization-manager {
    margin-top: 5px;
    margin-top: 0.36603vw;
    margin-bottom: 2px;
    margin-bottom: 0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-level-1 .organization-manager {
    margin-top: 9px;
    margin-bottom: 0;
    padding: 3px 10px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-level-1 .organization-office {
    margin-top: 2px;
  }
}

.consumer-centric .organization-level-2 {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-level-2 {
    margin-top: 29px;
  }
}

.consumer-centric .organization-level-2-content {
  margin-left: 380px;
  padding: 11px 21px 10px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .organization-level-2-content {
    margin-left: 380px;
    margin-left: 27.81845vw;
    padding: 11px 21px 10px;
    padding: 0.80527vw 1.53734vw 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-level-2-content {
    width: 125px;
    margin-top: 12px;
    margin-left: 0;
    padding: 16px 8px 18px;
    border-radius: 12px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-level-2 .organization-office {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.13px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-level-2 .organization-manager {
    margin-top: 8px;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
  }
}

.consumer-centric .management-message {
  margin-top: 45px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .management-message {
    margin-top: 45px;
    margin-top: 3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .management-message {
    margin-top: 40px;
    font-size: 13px;
    line-height: 15px;
  }
}

.consumer-centric .management-message .management-content-text {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .management-message .management-content-text {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .management-message .management-content-text {
    margin-top: 15px;
  }
}

.consumer-centric .management-message-signature {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .management-message-signature {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .management-message-signature {
    margin-top: 30px;
  }
}

.consumer-centric .operating-organization {
  padding: 48px 39px 46px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .operating-organization {
    padding: 48px 39px 46px;
    padding: 3.51391vw 2.85505vw 3.3675vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .operating-organization {
    margin-top: 20px;
    padding: 23px 15px 36px;
  }
}

.consumer-centric .part-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: calc(100% + 6px);
  margin: 31px -3px -8px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .part-list {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 31px -3px -8px;
    margin: 2.2694vw -0.21962vw -0.58565vw;
    width: calc(100% + 0.6vw);
  }
}

@media (min-width: 769px) and (max-width: 950px) {
  .consumer-centric .part-list {
    margin: 25px -3px -8px;
    margin: 1.83016vw -0.21962vw -0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-list {
    width: calc(100% + 12px);
    margin: 77px -6px 0px;
    padding-right: 0;
  }
}

.consumer-centric .part-list::before {
  position: absolute;
  top: 50px;
  width: calc(100% - 6px);
  height: 1px;
  background-color: #dbdbdb;
  content: "";
}

@media screen and (max-width: 1365px) {
  .consumer-centric .part-list::before {
    top: 50px;
    top: 3.66032vw;
    width: calc(100% - 0.6vw);
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-list::before {
    top: 0;
    left: 73px;
    height: calc(100% - 10px);
    width: 1px;
  }
}

.consumer-centric .part-list::after {
  position: absolute;
  bottom: 50px;
  width: calc(100% - 6px);
  height: 1px;
  background-color: #dbdbdb;
  content: "";
}

@media screen and (max-width: 1365px) {
  .consumer-centric .part-list::after {
    bottom: 50px;
    bottom: 3.66032vw;
    width: calc(100% - 0.6vw);
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-list::after {
    top: 0;
    right: 73px;
    width: 1px;
    height: calc(100% - 10px);
  }
}

.consumer-centric .part-item {
  -ms-flex-preferred-size: calc(25% - 6px);
  flex-basis: calc(25% - 6px);
  width: calc(25% - 6px);
  margin: 8px 3px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .part-item {
    -ms-flex-preferred-size: calc(25% - 0.6vw);
    flex-basis: calc(25% - 0.6vw);
    width: calc(25% - 0.6vw);
    margin: 8px 3px;
    margin: 0.58565vw 0.21962vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-item {
    -ms-flex-preferred-size: calc(50% - 12px);
    flex-basis: calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 5px 6px;
  }
}

.consumer-centric .part-item:not(:first-child) {
  margin-left: 3px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .part-item:not(:first-child) {
    margin-left: 3px;
    margin-left: 0.21962vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-item:not(:first-child) {
    margin-left: 6px;
  }
}

.consumer-centric .part-item::before {
  border-color: #dbdbdb;
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-item::before {
    display: none;
  }
}

.consumer-centric .part-item:nth-child(7)::before {
  display: none;
}

@media (min-width: 769px) and (max-width: 1400px) {
  .consumer-centric .part-item:nth-child(4)::before {
    margin-left: -1px;
  }
}

.consumer-centric .part-item:nth-child(n + 5)::after {
  position: absolute;
  top: -16px;
  width: 1px;
  height: 16px;
  background-color: #dbdbdb;
  content: "";
}

@media screen and (max-width: 1365px) {
  .consumer-centric .part-item:nth-child(n + 5)::after {
    top: -16px;
    top: -1.1713vw;
    height: 16px;
    height: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-item:nth-child(n + 2) {
    margin-top: 5px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-item:nth-child(odd)::after {
    display: block;
    top: 25px;
    left: 100%;
    width: 12px;
    height: 1px;
    content: "";
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .part-item:nth-child(even)::after {
    display: none;
  }
}

.consumer-centric .management-content-text {
  margin-top: 21px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .management-content-text {
    margin-top: 21px;
    margin-top: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .management-content-text {
    margin-top: 29px;
  }
}

.consumer-centric .tab-management-content[aria-labelledby="tab-management-content2"] {
  margin-top: 116px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .tab-management-content[aria-labelledby="tab-management-content2"] {
    margin-top: 116px;
    margin-top: 8.49195vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .tab-management-content[aria-labelledby="tab-management-content2"] {
    margin-top: 68px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-note-item .icon-note {
    margin-right: 12px;
  }
}

.consumer-centric .organization-note-item:first-child .icon-note {
  border-color: #e5e5e5;
  background-color: #fafafa;
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-note-item:first-child .icon-note {
    margin-right: 14px;
    border-color: #ededed;
  }
}

.consumer-centric .organization-note-item:last-child .icon-note {
  border-color: #0079fa;
  background-color: #f9fbff;
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-note-item:last-child {
    margin-left: 30px;
  }
}

.consumer-centric .organization-note-list {
  margin-top: 41px;
  padding-right: 125px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .organization-note-list {
    margin-top: 41px;
    margin-top: 3.00146vw;
    padding-right: 125px;
    padding-right: 9.15081vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-note-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 18px;
    padding-right: 0;
  }
}

.consumer-centric .organization-level-4 .part-name {
  margin-top: 0;
  min-height: 80px;
  border-radius: 40px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .organization-level-4 .part-name {
    min-height: 80px;
    min-height: 5.85652vw;
    border-radius: 40px;
    border-radius: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .organization-level-4 .part-name {
    min-height: 52px;
    padding-top: 3px;
    border-radius: 26px;
  }
}

.consumer-centric .tab-management-child-title {
  color: #212121;
}

.consumer-centric .tab-management-child-content {
  margin-top: 28px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .tab-management-child-content {
    margin-top: 28px;
    margin-top: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .tab-management-child-content {
    margin-top: 0;
  }
}

.consumer-centric .consultation-process {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .consumer-centric .consultation-process {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 29px;
    margin-left: 0;
  }
}

.consumer-centric .consultation-process .management-content-text {
  margin-top: 0;
}

.consumer-centric .consultation-process .management-content-text:not(:first-child) {
  margin-top: 8px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .consultation-process .management-content-text:not(:first-child) {
    margin-top: 8px;
    margin-top: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .consultation-process .management-content-text:not(:first-child) {
    margin-top: 10px;
  }
}

.consumer-centric .working-time {
  margin-top: 26px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .working-time {
    margin-top: 26px;
    margin-top: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .working-time {
    margin-top: 21px;
  }
}

.consumer-centric .working-time-list {
  padding-left: 12px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .working-time-list {
    padding-left: 12px;
    padding-left: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .working-time-list {
    padding-left: 11px;
  }
}

.consumer-centric .working-time-item {
  position: relative;
}

.consumer-centric .working-time-item::before {
  position: absolute;
  top: 14px;
  left: -11px;
  width: 7px;
  height: 2px;
  background-color: #757575;
  content: "";
}

@media screen and (max-width: 1365px) {
  .consumer-centric .working-time-item::before {
    top: 14px;
    top: 1.02489vw;
    left: -11px;
    left: -0.80527vw;
    width: 7px;
    width: 0.51245vw;
    height: 2px;
    height: 0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .working-time-item::before {
    top: 9px;
    left: -9px;
    width: 5px;
  }
}

.consumer-centric .working-time .management-content-text {
  margin-top: 0;
}

.consumer-centric .working-time + .title-deep {
  margin-top: 57px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .working-time + .title-deep {
    margin-top: 57px;
    margin-top: 4.17277vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .working-time + .title-deep {
    margin-top: 38px;
  }
}

.consumer-centric .title-deep {
  display: block;
  margin-top: 60px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #000;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .title-deep {
    margin-top: 60px;
    margin-top: 4.39239vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .title-deep {
    margin-top: 40px;
    font-size: 17px;
    line-height: 20px;
  }
}

.consumer-centric .title-deep:first-child {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .title-deep:first-child {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .title-deep:first-child {
    margin-top: 40px;
  }
}

.consumer-centric .support-method-list {
  margin-top: 29px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .support-method-list {
    margin-top: 29px;
    margin-top: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .support-method-list {
    width: 312px;
    margin: 21px auto 0;
  }
}

.consumer-centric .support-method-item {
  -ms-flex-preferred-size: 282px;
  flex-basis: 282px;
  width: 282px;
  padding: 39px 24px 32px;
  border: 1px solid #dbdbdb;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .support-method-item {
    -ms-flex-preferred-size: 282px;
    flex-basis: 282px;
    -ms-flex-preferred-size: 20.64422vw;
    flex-basis: 20.64422vw;
    width: 282px;
    width: 20.64422vw;
    padding: 39px 24px 32px;
    padding: 2.85505vw 1.75695vw 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .support-method-item {
    width: 100%;
    padding: 30px 36px;
    min-height: 331px;
  }
}

.consumer-centric .support-method-item:not(:first-child) {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .support-method-item:not(:first-child) {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .support-method-item:not(:first-child) {
    margin-top: 15px;
    margin-left: 0;
  }
}

.consumer-centric .support-method-thumb {
  margin-top: 8px;
  min-height: auto;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .support-method-thumb {
    margin-top: 8px;
    margin-top: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .support-method-thumb {
    margin-top: 10px;
  }
}

.consumer-centric .support-method-thumb .icon {
  padding-right: 5px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .support-method-thumb .icon {
    padding-right: 5px;
    padding-right: 0.36603vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .support-method-thumb .icon {
    position: static;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .support-method-name {
    font-size: 21px;
    line-height: 25px;
    letter-spacing: -0.21px;
  }
}

.consumer-centric .support-method-tutorial {
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .support-method-tutorial {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .support-method-tutorial {
    margin-top: 9px;
  }
}

.consumer-centric .tutorial-method {
  font-size: 22px;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .tutorial-method {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .tutorial-method {
    font-size: 18px;
    line-height: 22px;
  }
}

.consumer-centric .tutorial-method-desc {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  color: #212121;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .tutorial-method-desc {
    margin-top: 10px;
    margin-top: 0.73206vw;
    padding-left: 20px;
    padding-left: 1.46413vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .tutorial-method-desc {
    margin-top: 7px;
    padding-left: 0;
    font-size: 15px;
    line-height: 21px;
  }
}

.consumer-centric .tutorial-desc {
  margin-top: 23px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .tutorial-desc {
    margin-top: 23px;
    margin-top: 1.68375vw;
    padding-left: 10px;
    padding-left: 0.73206vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .tutorial-desc {
    margin-top: 24px;
    padding-left: 9px;
    font-size: 15px;
    line-height: 21px;
  }
}

.consumer-centric .tutorial-desc-text {
  position: relative;
  word-break: keep-all;
}

.consumer-centric .tutorial-desc-text::before {
  position: absolute;
  top: 10px;
  left: -9px;
  width: 4px;
  height: 1px;
  background-color: #757575;
  content: "";
}

@media screen and (max-width: 1365px) {
  .consumer-centric .tutorial-desc-text::before {
    top: 10px;
    top: 0.73206vw;
    left: -9px;
    left: -0.65886vw;
    width: 4px;
    width: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .tutorial-desc-text::before {
    top: 9px;
    left: -9px;
    width: 5px;
  }
}

.consumer-centric .tutorial-desc-text:not(:first-child) {
  margin-top: 12px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .tutorial-desc-text:not(:first-child) {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .tutorial-desc-text:not(:first-child) {
    margin-top: 10px;
  }
}

.consumer-centric .diagram-social-value .title-deep {
  margin-top: 0;
  color: #191919;
}

@media screen and (max-width: 768px) {
  .consumer-centric .diagram-social-value .title-deep {
    padding-left: 8px;
    font-size: 15px;
    line-height: 18px;
  }
}

.consumer-centric .table-box-head {
  padding-bottom: 25px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .table-box-head {
    padding-bottom: 25px;
    padding-bottom: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table-box-head {
    padding-bottom: 18px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table-wrap {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table {
    min-width: auto;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table thead th {
    padding-left: 0;
    color: #212121;
  }
}

.consumer-centric .table thead th:first-child {
  padding-left: 24px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .table thead th:first-child {
    padding-left: 24px;
    padding-left: 1.75695vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table thead th:first-child {
    width: 31.4103% !important;
    padding: 13px 11px 12px 8px;
    font-size: 15px;
    line-height: 19px;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table thead th:nth-child(2) {
    padding-left: 0;
    width: auto !important;
  }
}

.consumer-centric .table thead th:last-child {
  padding-left: 24px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .table thead th:last-child {
    padding-left: 24px;
    padding-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table thead th:last-child {
    width: 31.734% !important;
    padding-left: 10px;
  }
}

.consumer-centric .table th,
.consumer-centric .table tr,
.consumer-centric .table td {
  text-align: left;
  padding: 20px 24px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .table th,
  .consumer-centric .table tr,
  .consumer-centric .table td {
    padding: 20px 24px;
    padding: 1.46413vw 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table th,
  .consumer-centric .table tr,
  .consumer-centric .table td {
    padding-right: 0;
    padding-left: 10px;
  }
}

.consumer-centric .table tbody [data-depth] {
  padding-top: 21px;
  padding-left: 24px;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .table tbody [data-depth] {
    padding-top: 21px;
    padding-top: 1.53734vw;
    padding-left: 24px;
    padding-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table tbody [data-depth] {
    height: 72px;
    padding-left: 0;
    padding-right: 0;
  }
}

.consumer-centric .table .sticky-head {
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .table .sticky-head {
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table .sticky-head {
    line-height: 17px;
  }
}

.consumer-centric .table-text-blur {
  margin-top: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #757575;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .table-text-blur {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .table-text-blur {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
  }
}

.consumer-centric .text-deep-wrap {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .text-deep-wrap {
    margin-top: 5px;
    margin-top: 0.36603vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .text-deep-wrap {
    margin-top: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.consumer-centric .text-deep-wrap .management-content-text {
  max-width: 780px;
  margin-top: 0;
  padding-right: 81px;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .text-deep-wrap .management-content-text {
    max-width: 780px;
    max-width: 57.10102vw;
    padding-right: 81px;
    padding-right: 5.92972vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .text-deep-wrap .management-content-text {
    padding-right: 17px;
    line-height: 21px;
  }
}

.consumer-centric .logo-ccm {
  width: 102px;
  height: 102px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric .logo-ccm {
    width: 102px;
    width: 7.46706vw;
    height: 102px;
    height: 7.46706vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric .logo-ccm {
    width: 90px;
    height: 90px;
  }
}

.consumer-centric .logo-ccm img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.consumer-centric [aria-labelledby="tab-management-child2-1"] .tab-management-child-title {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric [aria-labelledby="tab-management-child2-1"] .tab-management-child-title {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric [aria-labelledby="tab-management-child2-1"] .tab-management-child-title {
    margin-top: 41px;
  }
}

.consumer-centric [aria-labelledby="tab-management-child2-2"] {
  margin-top: 60px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric [aria-labelledby="tab-management-child2-2"] {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric [aria-labelledby="tab-management-child2-2"] {
    margin-top: 50px;
  }
}

.consumer-centric [aria-labelledby="tab-management-child2-2"] .tab-management-child-title {
  margin-top: 0;
}

.consumer-centric [aria-labelledby="tab-management-child2-3"] .tab-management-child-title {
  margin-top: 0;
}

.consumer-centric [aria-labelledby="tab-management-child3-2"] {
  margin-top: 0;
}

.consumer-centric [aria-labelledby="tab-management-child3-2"] .tab-management-child-title {
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric [aria-labelledby="tab-management-child3-2"] .tab-management-child-title {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric [aria-labelledby="tab-management-child3-2"] .tab-management-child-title {
    margin-top: 40px;
  }
}

.consumer-centric [aria-labelledby="tab-management-child3-2"] .tab-management-child-content {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .consumer-centric [aria-labelledby="tab-management-child3-2"] .tab-management-child-content {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .consumer-centric [aria-labelledby="tab-management-child3-2"] .tab-management-child-content {
    margin-top: 30px;
  }
}

.process-circle-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .process-circle-list {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .process-circle-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 312px;
    margin: 30px auto 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.process-circle-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 180px;
  height: 180px;
  border: 1px solid #0079fa;
  border-radius: 50%;
  background-color: #f8fbff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .process-circle-item {
    width: 180px;
    width: 13.17716vw;
    height: 180px;
    height: 13.17716vw;
  }
}

@media screen and (max-width: 768px) {
  .process-circle-item {
    width: 111px;
    height: 111px;
  }
}

.process-circle-item:not(:first-child) {
  margin-left: -16px;
}

@media screen and (max-width: 1365px) {
  .process-circle-item:not(:first-child) {
    margin-left: -16px;
    margin-left: -1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .process-circle-item:not(:first-child) {
    margin-left: -11px;
  }
}

@media screen and (max-width: 768px) {
  .process-circle-item:nth-child(3n + 1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .process-circle-item:nth-child(n + 4) {
    margin-top: 12px;
  }
}

.process-circle-content {
  padding: 0 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #0079fa;
  text-align: center;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .process-circle-content {
    padding: 0px 40px;
    padding: 0vw 2.92826vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .process-circle-content {
    padding: 0 18px;
    font-size: 14px;
    line-height: 18px;
  }
}

.process-circle-number {
  display: block;
  margin-bottom: 6px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .process-circle-number {
    margin-bottom: 6px;
    margin-bottom: 0.43924vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 1365px) {
  .process-circle-number {
    margin-bottom: 3px;
    line-height: 14px;
  }
}

.diagram-ccm {
  margin-top: 47px;
  padding: 59px;
  border: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm {
    margin-top: 47px;
    margin-top: 3.4407vw;
    padding: 59px;
    padding: 4.31918vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm {
    margin-top: 28px;
    padding: 29px 12px;
  }
}

.diagram-ccm-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 876px;
  height: 500px;
  margin: 0 auto;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-list {
    width: 876px;
    width: 64.12884vw;
    height: 500px;
    height: 36.60322vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: 286px;
    height: 626px;
  }
}

.diagram-ccm-list::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 1056px;
  height: 100%;
  background-image: url(/img/management/bg_ccm-6a8fc3c061989a31560b9c87249e2be8.png);
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-list::before {
    width: 1056px;
    width: 77.306vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm-list::before {
    width: 100%;
    height: 686px;
    background-image: url(/img/management/bg_mo_ccm-e3b8b398f021be616a84328a51f78201.png);
    background-position: center;
    -webkit-background-size: center center;
    background-size: center;
  }
}

.diagram-ccm-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.diagram-ccm-item:first-child {
  padding-left: 16px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-item:first-child {
    padding-left: 16px;
    padding-left: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm-item:first-child {
    padding-top: 12px;
    padding-right: 7px;
  }
}

.diagram-ccm-item:last-child {
  padding-right: 9px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-item:last-child {
    padding-right: 9px;
    padding-right: 0.65886vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm-item:last-child {
    padding-bottom: 10px;
    padding-right: 0;
  }
}

.diagram-ccm-item:nth-child(2) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 220px;
  height: 220px;
  padding-top: 2px;
  padding-left: 10px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-item:nth-child(2) {
    width: 220px;
    width: 16.10542vw;
    width: 220px;
    width: 16.10542vw;
    padding-top: 2px;
    padding-top: 0.14641vw;
    padding-left: 10px;
    padding-left: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm-item:nth-child(2) {
    width: 126px;
    height: 385px;
    padding-top: 0;
    padding-left: 0;
  }
}

.diagram-ccm-item:nth-child(2) .diagram-ccm-text {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-item:nth-child(2) .diagram-ccm-text {
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 36px;
    line-height: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm-item:nth-child(2) .diagram-ccm-text {
    font-size: 20px;
    line-height: 24px;
  }
}

.diagram-ccm-item:nth-child(2) .diagram-ccm-text + .diagram-ccm-text {
  margin-top: 13px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-item:nth-child(2) .diagram-ccm-text + .diagram-ccm-text {
    margin-top: 13px;
    margin-top: 0.95168vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 1365px) and (max-width: 768px) {
  .diagram-ccm-item:nth-child(2) .diagram-ccm-text + .diagram-ccm-text {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
  }
}

.diagram-ccm-text {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm-text {
    font-size: 15px;
    line-height: 18px;
  }
}

.diagram-ccm-text + .diagram-ccm-text {
  margin-top: 15px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm-text + .diagram-ccm-text {
    margin-top: 15px;
    margin-top: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm-text + .diagram-ccm-text {
    margin-top: 7px;
  }
}

.diagram-ccm .diagram-ccm-item-deep {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 130px;
  width: 130px;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep {
    height: 74px;
    width: 74px;
    font-size: 13px;
    line-height: 15px;
  }
}

.diagram-ccm .diagram-ccm-item-deep:nth-child(1) {
  margin-top: -188px;
  margin-left: 4px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(1) {
    margin-top: -188px;
    margin-top: -13.76281vw;
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(1) {
    margin-top: -108px;
    margin-left: 0;
  }
}

.diagram-ccm .diagram-ccm-item-deep:nth-child(2) {
  margin-top: -130px;
  margin-left: 134px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(2) {
    margin-top: -130px;
    margin-top: -9.51684vw;
    margin-left: 134px;
    margin-left: 9.80966vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(2) {
    margin-top: -78px;
    margin-left: 76px;
  }
}

.diagram-ccm .diagram-ccm-item-deep:nth-child(3) {
  margin-left: 188px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(3) {
    margin-left: 188px;
    margin-left: 13.76281vw;
  }
}

@media screen and (max-width: 1365px) and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(3) {
    margin-left: 106px;
    margin-top: -2px;
  }
}

.diagram-ccm .diagram-ccm-item-deep:nth-child(4) {
  margin-top: 130px;
  margin-left: 134px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(4) {
    margin-top: 130px;
    margin-top: 9.51684vw;
    margin-left: 134px;
    margin-left: 9.80966vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(4) {
    margin-top: 74px;
    margin-left: 76px;
  }
}

.diagram-ccm .diagram-ccm-item-deep:nth-child(5) {
  margin-top: 184px;
  margin-left: 4px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(5) {
    margin-top: 184px;
    margin-top: 13.46999vw;
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(5) {
    margin-top: 104px;
    margin-left: 0;
  }
}

.diagram-ccm .diagram-ccm-item-deep:nth-child(6) {
  margin-top: 130px;
  margin-left: -126px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(6) {
    margin-top: 130px;
    margin-top: 9.51684vw;
    margin-left: -126px;
    margin-left: -9.22401vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(6) {
    margin-top: 73px;
    margin-left: -75px;
  }
}

.diagram-ccm .diagram-ccm-item-deep:nth-child(7) {
  margin-left: -181px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(7) {
    margin-left: -181px;
    margin-left: -13.25037vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(7) {
    margin-top: -2px;
    margin-left: -106px;
  }
}

.diagram-ccm .diagram-ccm-item-deep:nth-child(8) {
  margin-top: -130px;
  margin-left: -126px;
}

@media screen and (max-width: 1365px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(8) {
    margin-top: -130px;
    margin-top: -9.51684vw;
    margin-left: -126px;
    margin-left: -9.22401vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-ccm .diagram-ccm-item-deep:nth-child(8) {
    margin-top: -77px;
    margin-left: -75px;
  }
}

.effects-ccm-list {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1365px) {
  .effects-ccm-list {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 31px;
  }
}

.effects-ccm-item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 282px;
  flex-basis: 282px;
  width: 282px;
}

@media screen and (max-width: 1365px) {
  .effects-ccm-item {
    -ms-flex-preferred-size: 282px;
    flex-basis: 282px;
    -ms-flex-preferred-size: 20.64422vw;
    flex-basis: 20.64422vw;
    width: 282px;
    width: 20.64422vw;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-item {
    -ms-flex-preferred-size: none;
    flex-basis: none;
    width: 312px;
  }
}

.effects-ccm-item:not(:first-child) {
  margin-left: 75px;
}

@media screen and (max-width: 1365px) {
  .effects-ccm-item:not(:first-child) {
    margin-left: 75px;
    margin-left: 5.49048vw;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-item:not(:first-child) {
    margin-top: 68px;
    margin-left: 0;
  }
}

.effects-ccm-item:not(:first-child)::before {
  display: block;
  position: absolute;
  top: 75px;
  left: -47px;
  width: 18px;
  height: 18px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1490px -1394px;
  background-repeat: no-repeat;
  content: "";
}

@media screen and (max-width: 1365px) {
  .effects-ccm-item:not(:first-child)::before {
    top: 75px;
    top: 5.49048vw;
    left: -47px;
    left: -3.4407vw;
    width: 1.31772vw;
    height: 1.32vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -109.08vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-item:not(:first-child)::before {
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 2353.55556px 2286.66667px;
    background-size: 2353.55556px 2286.66667px;
    background-position: -2317.77778px -2168.44444px;
    background-repeat: no-repeat;
  }
}

.effects-ccm-title {
  padding: 35px 32px 31px;
  border-radius: 8px;
  background-color: #0079fa;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .effects-ccm-title {
    padding: 35px 32px 31px;
    padding: 2.56223vw 2.34261vw 2.2694vw;
    border-radius: 8px;
    border-radius: 0.58565vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-title {
    padding: 30px 32px 30px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 21px;
  }
}

.effects-ccm-desc {
  margin-top: 15px;
  padding: 16px 16px 15px;
  border-radius: 8px;
  border: 1px solid #0079fa;
  background-color: #f8fbff;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #0079fa;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .effects-ccm-desc {
    margin-top: 15px;
    margin-top: 1.0981vw;
    padding: 16px 16px 15px;
    padding: 1.1713vw 1.1713vw 1.0981vw;
    border-radius: 8px;
    border-radius: 0.58565vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-desc {
    margin-top: 10px;
    padding: 20px 15px 18px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 18px;
  }
}

.effects-ccm-info {
  margin-top: 12px;
  padding: 27px 20px 26px 29px;
  border-radius: 8px;
  border: 1px solid #0079fa;
  color: #757575;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  .effects-ccm-info {
    margin-top: 12px;
    margin-top: 0.87848vw;
    padding: 27px 20px 26px 29px;
    padding: 1.97657vw 1.46413vw 1.90337vw 2.12299vw;
    border-radius: 8px;
    border-radius: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-info {
    min-height: 136px;
    margin-top: 10px;
    padding: 21px 10px 23px 23px;
    border-radius: 4px;
    letter-spacing: 0.36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.effects-ccm-text {
  font-size: 18px;
  line-height: 26px;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .effects-ccm-text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-text {
    font-size: 14px;
    line-height: 20px;
  }
}

.effects-ccm-text + .effects-ccm-text {
  margin-top: 19px;
}

@media screen and (max-width: 1365px) {
  .effects-ccm-text + .effects-ccm-text {
    margin-top: 19px;
    margin-top: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .effects-ccm-text + .effects-ccm-text {
    margin-top: 10px;
  }
}

.ccm-certification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .ccm-certification {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-certification {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
  }
}

.ccm-certification-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 434px;
  min-height: 134px;
  padding: 40px 60px 38px 57px;
  border: 1px solid #dbdbdb;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #212121;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .ccm-certification-link {
    min-width: 434px;
    min-width: 31.7716vw;
    height: 134px;
    height: 9.80966vw;
    padding: 40px 60px 38px 57px;
    padding: 2.92826vw 4.39239vw 2.78184vw 4.17277vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-certification-link {
    min-width: 100%;
    min-height: 97px;
    padding: 29px 30px 29px 36px;
    font-size: 15px;
    line-height: 18px;
  }
}

@media screen and (max-width: 768px) {
  .ccm-certification-link + .ccm-certification-link {
    margin-top: 9px;
  }
}

.ccm-certification-link:not(:first-child) {
  margin-left: 25px;
  padding-left: 77px;
}

@media screen and (max-width: 1365px) {
  .ccm-certification-link:not(:first-child) {
    margin-left: 26px;
    margin-left: 1.90337vw;
    padding-left: 77px;
    padding-left: 5.6369vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-certification-link:not(:first-child) {
    margin-left: 0;
    padding-left: 36px;
  }
}

.ccm-certification-link:not(:first-child) .ccm-certification-logo {
  margin-left: 51px;
}

@media screen and (max-width: 1365px) {
  .ccm-certification-link:not(:first-child) .ccm-certification-logo {
    margin-left: 51px;
    margin-left: 3.73353vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-certification-link:not(:first-child) .ccm-certification-logo {
    margin-left: 40px;
  }
}

.ccm-certification-link:last-child .ccm-certification-logo {
  width: 160px;
  height: 50px;
}

@media screen and (max-width: 1365px) {
  .ccm-certification-link:last-child .ccm-certification-logo {
    width: 160px;
    width: 11.71303vw;
    height: 50px;
    height: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-certification-link:last-child .ccm-certification-logo {
    width: 109px;
    height: 34px;
  }
}

.ccm-certification-link:last-child .ccm-certification-logo img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ccm-certification-logo {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 198px;
  height: 54px;
  margin-left: 52px;
}

@media screen and (max-width: 1365px) {
  .ccm-certification-logo {
    width: 198px;
    width: 14.49488vw;
    height: 54px;
    height: 3.95315vw;
    margin-left: 52px;
    margin-left: 3.80673vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-certification-logo {
    width: 143px;
    height: 38px;
    margin-left: 40px;
  }
}

.ccm-certification-logo::before {
  position: absolute;
  top: 50%;
  left: -26px;
  width: 1px;
  height: 38px;
  background-color: #dbdbdb;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}

@media screen and (max-width: 1365px) {
  .ccm-certification-logo::before {
    left: -26px;
    left: -1.90337vw;
    height: 38px;
    height: 2.78184vw;
  }
}

@media screen and (max-width: 1365px) {
  .ccm-certification-logo::before {
    left: -20px;
    height: 27px;
  }
}

.ccm-certification-logo img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ccm-definition-area {
  padding: 59px 95px 62px 63px;
  border: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-area {
    padding: 59px 95px 62px 63px;
    padding: 4.31918vw 6.95461vw 4.5388vw 4.61201vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-area {
    padding: 29px 21px 29px 19px;
  }
}

.ccm-definition-box {
  width: 534px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-box {
    width: 534px;
    width: 39.09224vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-box {
    width: 100%;
  }
}

.ccm-definition-title {
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-title {
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 31px;
    line-height: 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-title {
    font-size: 18px;
    line-height: 23px;
  }
}

.ccm-definition-desc {
  margin-top: 60px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-desc {
    margin-top: 60px;
    margin-top: 4.39239vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-desc {
    margin-top: 24px;
    font-size: 16px;
    line-height: 21px;
  }
}

.ccm-definition-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 57px;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-list {
    margin-top: 57px;
    margin-top: 4.17277vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 32px;
  }
}

.ccm-definition-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: calc(100% / 3 - 130px / 3);
  flex-basis: calc(100% / 3 - 130px / 3);
  width: calc(100% / 3 - 130px / 3);
}

@media screen and (max-width: 1365px) {
  .ccm-definition-item {
    -ms-flex-preferred-size: calc(100% / 3 - 15.55vw / 3);
    flex-basis: calc(100% / 3 - 15.55vw / 3);
    width: calc(100% / 3 - 15.55vw / 3);
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-item {
    width: 100%;
  }
}

.ccm-definition-item:not(:first-child) {
  margin-left: 66px;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-item:not(:first-child) {
    margin-left: 66px;
    margin-left: 4.83163vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-item:not(:first-child) {
    margin-top: 17px;
    margin-left: 0px;
  }
}

.ccm-definition-number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: start;
  align-self: flex-start;
  min-width: 24px;
  min-height: 24px;
  margin-top: 3px;
  margin-right: 10px;
  padding: 3px 8px;
  border-radius: 50%;
  background: #eff5ff;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color: #0379fa;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-number {
    min-width: 24px;
    min-width: 1.75695vw;
    min-height: 24px;
    min-height: 1.75695vw;
    margin-top: 3px;
    margin-top: 0.21962vw;
    margin-right: 10px;
    margin-right: 0.73206vw;
    padding: 3px 8px;
    padding: 0.21962vw 0.58565vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 17px;
    line-height: 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-number {
    min-width: 24px;
    min-height: 24px;
    margin-right: 6px;
    margin-left: 10px;
    padding: 3px 6px;
    font-size: 15px;
    line-height: 18px;
  }
}

.ccm-definition-content {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-content {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-content {
    font-size: 15px;
    line-height: 21px;
  }
}

.ccm-definition-content .title {
  color: #000;
  word-break: keep-all;
}

.ccm-definition-content .desc {
  margin-top: 15px;
  font-weight: 400;
  color: #757575;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-content .desc {
    margin-top: 15px;
    margin-top: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-content .desc {
    margin-top: 11px;
  }
}

.ccm-definition-diagram-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 39px;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-diagram-list {
    margin-top: 39px;
    margin-top: 2.85505vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-diagram-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
  }
}

.ccm-definition-diagram-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 204px;
  height: 204px;
  border: 1px solid #0079fa;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #fff;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-diagram-item {
    width: 204px;
    width: 14.93411vw;
    height: 204px;
    height: 14.93411vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-diagram-item {
    width: 100px;
    height: 100px;
    font-size: 14px;
    line-height: 18px;
  }
}

.ccm-definition-diagram-item:not(:first-child) {
  margin-left: -40px;
}

@media screen and (max-width: 1365px) {
  .ccm-definition-diagram-item:not(:first-child) {
    margin-left: -40px;
    margin-left: -2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .ccm-definition-diagram-item:not(:first-child) {
    margin-left: -18px;
  }
}

.ccm-definition-diagram-item:nth-child(odd) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 121, 250, 0.7)), to(#fff));
  background-image: linear-gradient(to bottom, rgba(0, 121, 250, 0.7), #fff);
}

.ccm-definition-diagram-item:nth-child(even) {
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.45);
  color: #0079fa;
}

.management-certificate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px -12.5px -15px;
}

@media screen and (max-width: 1365px) {
  .management-certificate-list {
    margin: 15px -12.5px -15px;
    margin: 1.0981vw -0.91508vw -1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .management-certificate-list {
    margin: 19px -8px 0px;
  }
}

@media screen and (max-width: 768px) {
  .management-certificate-list + .title-deep {
    margin-top: 17px;
  }
}

.management-certificate-list-iso {
  margin-top: 45px;
}

@media screen and (max-width: 1365px) {
  .management-certificate-list-iso {
    margin-top: 45px;
    margin-top: 3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .management-certificate-list-iso {
    margin-top: 25px;
  }
}

.management-certificate-list-iso .management-certificate-thumb::before {
  padding-top: 133.5%;
}

.management-certificate-list-iso .management-certificate-thumb img {
  height: 100%;
}

.management-certificate-item {
  -ms-flex-preferred-size: calc(25% - 25px);
  flex-basis: calc(25% - 25px);
  width: calc(25% - 25px);
  margin: 15px 12.5px;
}

@media screen and (max-width: 1365px) {
  .management-certificate-item {
    -ms-flex-preferred-size: calc(25% - 2.51vw);
    flex-basis: calc(25% - 2.51vw);
    width: calc(25% - 2.51vw);
    margin: 15px 12.5px;
    margin: 1.0981vw 0.91508vw;
  }
}

@media screen and (max-width: 768px) {
  .management-certificate-item {
    -ms-flex-preferred-size: calc(50% - 16px);
    flex-basis: calc(50% - 16px);
    width: calc(50% - 16px);
    margin: 2px 8px 3px;
  }
}

.management-certificate-link {
  display: block;
  padding: 42px 24px 39px;
  border: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .management-certificate-link {
    padding: 42px 24px 39px;
    padding: 3.07467vw 1.75695vw 2.85505vw;
  }
}

@media screen and (max-width: 768px) {
  .management-certificate-link {
    padding: 27px 16px;
  }
}

.management-certificate-thumb {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.management-certificate-thumb::before {
  display: block;
  padding-top: 135%;
  content: "";
}

.management-certificate-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.management-certificate-text {
  margin-top: 14px;
  font-size: 18px;
  line-height: 21px;
  color: #757575;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .management-certificate-text {
    margin-top: 14px;
    margin-top: 1.02489vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .management-certificate-text {
    min-height: 36px;
    margin-top: 6px;
    font-size: 15px;
    line-height: 18px;
  }
}

.csr-strategy-system {
  margin-top: 46px;
}

@media screen and (max-width: 1365px) {
  .csr-strategy-system {
    margin-top: 46px;
    margin-top: 3.3675vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy-system {
    margin-top: 40px;
  }
}

.csr-strategy {
  position: relative;
  margin-top: 60px;
  background: url("/img/management/bg_csr_strategy-aa5cc4d82a37b0db99a1c63691d1dc36.svg") center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 1365px) {
  .csr-strategy {
    margin-top: 60px;
    margin-top: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy {
    margin-top: 40px;
    background: url("/img/management/bg_csr_strategy_mo-b529f9b23d3ce02acec46bcce9f35cf8.svg") center top no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
}

.csr-strategy::after {
  top: 100%;
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 200px;
  height: 40px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -56px -4px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .csr-strategy::after {
    width: 20.4978vw;
    height: 4.1vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 155.07vw 150.66vw;
    background-size: 155.07vw 150.66vw;
    background-position: -5.74vw -0.41vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy::after {
    width: 150px;
    height: 30px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1134.75px 1102.5px;
    background-size: 1134.75px 1102.5px;
    background-position: -42px -3px;
    background-repeat: no-repeat;
  }
}

.csr-strategy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .csr-strategy-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 312px;
    margin: 0 auto;
  }
}

.csr-strategy-item {
  width: 280px;
  background: url("/img/management/bg_csr_strategy_item-5f2eda05b95bf056b8ba69216d1eb85f.png") top center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .csr-strategy-item {
    width: 280px;
    width: 20.4978vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy-item {
    width: 150px;
    background: url("/img/management/bg_csr_strategy_item_mo-a90956fde63d033461befa7b4bc54d86.png") top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

.csr-strategy-item:not(:first-child) {
  margin-left: 78px;
}

@media screen and (max-width: 1365px) {
  .csr-strategy-item:not(:first-child) {
    margin-left: 78px;
    margin-left: 5.7101vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy-item:not(:first-child) {
    margin-left: 12px;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy-item:nth-child(3) {
    margin: -19px 0 0;
  }
}

.csr-strategy-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 98px;
  padding: 20px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .csr-strategy-title {
    height: 98px;
    height: 7.17423vw;
    padding: 20px;
    padding: 1.46413vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy-title {
    height: 40px;
    padding: 0;
    padding-top: 10px;
    font-size: 16px;
    line-height: 17px;
  }
}

.csr-strategy-desc {
  display: block;
  height: 172px;
  padding: 18px 25px;
  word-wrap: break-word;
  word-break: keep-all;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .csr-strategy-desc {
    height: 172px;
    height: 12.59151vw;
    padding: 18px 35px;
    padding: 1.31772vw 2.56223vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy-desc {
    height: 105px;
    padding: 21px 9px;
    font-size: 13px;
    line-height: 16px;
  }
}

.csr-strategy .title-bottom {
  display: block;
  padding: 28px 50px;
  color: #0079fa;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

@media screen and (max-width: 1365px) {
  .csr-strategy .title-bottom {
    padding: 28px 50px;
    padding: 2.04978vw 3.66032vw;
    font-size: 36px;
    font-size: 2.63543vw;
    line-height: 48px;
    line-height: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-strategy .title-bottom {
    padding: 16px 20px 10px;
    font-size: 22px;
    line-height: 24px;
  }
}

.csr-focus {
  margin-top: 68px;
}

@media screen and (max-width: 1365px) {
  .csr-focus {
    margin-top: 68px;
    margin-top: 4.97804vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus {
    margin-top: 46px;
  }
}

.csr-focus-title {
  display: block;
  color: #191919;
  text-align: center;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .csr-focus-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-title {
    font-size: 17px;
    line-height: 20px;
  }
}

.csr-focus-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  background: url("/img/management/bg_csr_focus-06b0fe5ae0c2149e86443f2d95348797.svg");
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .csr-focus-list {
    margin-top: 20px;
    margin-top: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-list {
    margin-top: 13px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: url("/img/management/bg_csr_focus_mo-37d40679de2ce24f06a189726379565f.svg") bottom center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
}

.csr-focus-item {
  width: 234px;
  padding: 18px 29px;
  border: solid 1px #0079fa;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .csr-focus-item {
    width: 234px;
    width: 17.13031vw;
    padding: 18px 29px;
    padding: 1.31772vw 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-item {
    width: calc((100% - 12px) / 2);
    padding: 14px;
  }
}

.csr-focus-item:not(:first-child) {
  margin-left: 20px;
}

@media screen and (max-width: 1365px) {
  .csr-focus-item:not(:first-child) {
    margin-left: 20px;
    margin-left: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-item:not(:first-child) {
    margin-left: 12px;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-item:nth-child(2n -1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-item:nth-child(n + 3) {
    margin-top: 14px;
  }
}

.csr-focus-name-en {
  display: block;
  color: #0079fa;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .csr-focus-name-en {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-name-en {
    font-size: 15px;
    line-height: 16px;
  }
}

.csr-focus-name-kr {
  display: block;
  margin-top: 8px;
  color: #0079fa;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .csr-focus-name-kr {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-name-kr {
    margin-top: 8px;
    font-size: 14px;
    line-height: 17px;
  }
}

.csr-focus-desc {
  display: block;
  margin-top: 16px;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .csr-focus-desc {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-focus-desc {
    margin-top: 12px;
    font-size: 12px;
    line-height: 14px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: keep-all;
    min-height: 42px;
    letter-spacing: -0.24px;
  }
}

.csr-activities .tab-activities-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .csr-activities .tab-activities-list {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities .tab-activities-list {
    margin-top: 28px;
  }
}

.csr-activities .tab-activities-item {
  width: auto;
  position: relative;
}

.csr-activities .tab-activities-item::before {
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #dbdbdb;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .csr-activities .tab-activities-item::before {
    height: 10px;
    height: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities .tab-activities-item::before {
    height: 10px;
  }
}

.csr-activities .tab-activities-item:first-child::before {
  content: none;
}

.csr-activities .tab-activities-item:first-child .btn-activities-tab {
  padding-left: 0;
}

.csr-activities .tab-activities-item:first-child .btn-activities-tab::before {
  left: -48px;
  width: 48px;
  height: 100%;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .csr-activities .tab-activities-item:first-child .btn-activities-tab::before {
    left: -48px;
    left: -3.51391vw;
    width: 48px;
    width: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities .tab-activities-item:first-child .btn-activities-tab::before {
    left: -25px;
    width: 25px;
  }
}

@media screen and (min-width: 1366px) {
  .csr-activities .tab-activities-item:hover .btn-activities-tab {
    font-weight: 700;
    color: #212121;
  }
  .csr-activities .tab-activities-item:hover .btn-activities-tab .text::after {
    opacity: 1;
  }
}

.csr-activities .tab-activities-item.is-active .btn-activities-tab {
  font-weight: 700;
  color: #212121;
}

.csr-activities .tab-activities-item.is-active .btn-activities-tab .text::after {
  opacity: 1;
}

.csr-activities .tab-activities-content {
  display: none;
}

.csr-activities .tab-activities-content.is-active {
  display: block;
}

.csr-activities .btn-activities-tab {
  display: block;
  padding: 12px 49px 12px 48px;
  color: #ccc;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .csr-activities .btn-activities-tab {
    padding: 12px 48px;
    padding: 0.87848vw 3.51391vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities .btn-activities-tab {
    padding: 12px 26px 12px 25px;
    font-size: 15px;
    line-height: 21px;
  }
}

.csr-activities .btn-activities-tab .text {
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

.csr-activities .btn-activities-tab .text:after {
  bottom: -12px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0079fa;
  opacity: 0;
  content: "";
}

@media screen and (max-width: 1365px) {
  .csr-activities .btn-activities-tab .text:after {
    bottom: -12px;
    bottom: -0.87848vw;
    width: 4px;
    width: 0.29283vw;
    height: 4px;
    height: 0.29283vw;
    border-radius: 4px;
    border-radius: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities .btn-activities-tab .text:after {
    bottom: -12px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
  }
}

.csr-activities-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin-top: 2px;
}

@media screen and (max-width: 1365px) {
  .csr-activities-list {
    margin-top: 2px;
    margin-top: 0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities-list {
    margin-top: 0;
  }
}

.csr-activities-item {
  position: relative;
  width: 206px;
  margin: 58px 0 0 57px;
}

@media (min-width: 769px) {
  .csr-activities-item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -29px;
    width: 1px;
    background-color: #dbdbdb;
    content: "";
  }
}

@media screen and (max-width: 1365px) {
  .csr-activities-item::before {
    left: -29px;
    left: -2.12299vw;
  }
}

@media screen and (max-width: 1365px) {
  .csr-activities-item {
    width: 206px;
    width: 15.08053vw;
    margin: 57px 0px 0px 57px;
    margin: 4.17277vw 0vw 0vw 4.17277vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities-item {
    width: calc((100% - 12px) / 2);
    margin: 30px 0 0 12px;
  }
}

@media (min-width: 769px) {
  .csr-activities-item:nth-child(-n + 5)::after {
    position: absolute;
    bottom: -29px;
    left: -29px;
    width: calc(100% + 58px);
    height: 1px;
    background-color: #dbdbdb;
    content: "";
  }
}

@media screen and (max-width: 1365px) {
  .csr-activities-item:nth-child(-n + 5)::after {
    bottom: -29px;
    bottom: -2.12299vw;
    left: -29px;
    left: -2.12299vw;
    width: calc(100% + 4.246vw);
  }
}

@media (min-width: 769px) {
  .csr-activities-item:nth-child(n + 5)::after {
    content: none;
  }
}

@media (min-width: 769px) {
  .csr-activities-item:nth-child(4n-3) {
    margin-left: 0;
  }
}

.csr-activities-item:nth-child(4n-3):before {
  content: none;
}

@media screen and (max-width: 768px) {
  .csr-activities-item:nth-child(2n-1) {
    margin-left: 0;
  }
}

.csr-activities-link {
  display: block;
}

@media screen and (max-width: 768px) {
  .csr-activities-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
}

.csr-activities-title {
  display: block;
  position: relative;
  height: 52px;
  padding-top: 10px;
  color: #212121;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .csr-activities-title {
    height: 52px;
    height: 3.80673vw;
    padding-top: 10px;
    padding-top: 0.73206vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 132px;
    height: auto;
    padding-top: 10px;
    font-size: 15px;
    line-height: 20px;
  }
}

.csr-activities-title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 3px;
  background-color: #0079fa;
  content: "";
}

@media screen and (max-width: 1365px) {
  .csr-activities-title::before {
    width: 34px;
    width: 2.48902vw;
    height: 3px;
    height: 0.21962vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities-title::before {
    width: 30px;
    height: 2px;
  }
}

.csr-activities-img {
  position: relative;
  width: 100%;
  height: 0;
  margin-top: 15px;
  padding-top: 61.9%;
}

@media screen and (max-width: 1365px) {
  .csr-activities-img {
    margin-top: 15px;
    margin-top: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-activities-img {
    margin-top: 15px;
    padding-top: 62%;
  }
}

.csr-activities-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.csr-news {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .csr-news {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news {
    margin-top: 50px;
  }
}

@media (min-width: 769px) {
  .csr-news-swiper .swiper-wrapper {
    display: block;
  }
}

.csr-news-swiper .csr-news-item::before {
  content: none;
}

@media screen and (max-width: 768px) {
  .csr-news-swiper .csr-news-item:not(:first-child) {
    margin-top: 0;
  }
}

.csr-news-item {
  position: relative;
}

.csr-news-item:not(:first-child) {
  margin-top: 41px;
}

@media screen and (max-width: 1365px) {
  .csr-news-item:not(:first-child) {
    margin-top: 41px;
    margin-top: 3.00146vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-item:not(:first-child) {
    margin-top: 61px;
  }
}

.csr-news-item:not(:first-child)::before {
  position: absolute;
  top: -21px;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
  content: "";
}

@media screen and (max-width: 1365px) {
  .csr-news-item:not(:first-child)::before {
    top: -21px;
    top: -1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-item:not(:first-child)::before {
    top: -31px;
  }
}

.csr-news-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 1366px) {
  .csr-news-link:hover .csr-news-title .text {
    -webkit-background-size: 100% 2px;
    background-size: 100% 2px;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-link {
    display: block;
  }
}

.csr-news-thumb {
  position: relative;
  -ms-flex-preferred-size: 320px;
  flex-basis: 320px;
  height: 0;
  padding-top: 19.88%;
}

@media screen and (max-width: 1365px) {
  .csr-news-thumb {
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
    -ms-flex-preferred-size: 23.42606vw;
    flex-basis: 23.42606vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-thumb {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: 61.86%;
  }
}

.csr-news-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.csr-news-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 368px);
  margin-left: 48px;
  padding-top: 13px;
  padding-bottom: 12px;
}

@media screen and (max-width: 1365px) {
  .csr-news-info {
    width: calc(100% - 26.94vw);
    margin-left: 48px;
    margin-left: 3.51391vw;
    padding-top: 13px;
    padding-top: 0.95168vw;
    padding-bottom: 12px;
    padding-bottom: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-info {
    width: 100%;
    margin-top: 28px;
    margin-left: 0;
    padding: 0;
  }
}

.csr-news-title {
  display: block;
  color: #212121;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .csr-news-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-title {
    font-size: 16px;
    line-height: 21px;
  }
}

.csr-news-title .text {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#121212));
  background-image: linear-gradient(#121212, #121212);
  background-position: left 0 bottom -1px;
  background-repeat: no-repeat;
  -webkit-background-size: 0 2px;
  background-size: 0 2px;
  word-wrap: break-word;
  word-break: keep-all;
  -webkit-transition: -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-background-size 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.csr-news-desc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 10px;
}

@media screen and (max-width: 1365px) {
  .csr-news-desc {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-desc {
    margin-top: 15px;
  }
}

.csr-news-desc .text {
  color: #757575;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .csr-news-desc .text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-desc .text {
    font-size: 15px;
    line-height: 20px;
  }
}

.csr-news-date {
  display: block;
  color: #757575;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .csr-news-date {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-date {
    margin-top: 40px;
    font-size: 14px;
    line-height: 17px;
  }
}

.csr-news .btn-area {
  margin-top: 80px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .csr-news .btn-area {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news .btn-area {
    margin-top: 40px;
  }
}

.csr-news .btn-area .btn-views-more {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  min-width: 213px;
  padding: 15px 45px 15px 23px;
  border: solid 1px #212121;
  border: 1px solid #212121;
  color: #212121;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .csr-news .btn-area .btn-views-more {
    min-width: 213px;
    min-width: 15.59297vw;
    padding: 15px 45px 15px 23px;
    padding: 1.0981vw 3.29429vw 1.0981vw 1.68375vw;
    font-size: 15px;
    font-size: 1.0981vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news .btn-area .btn-views-more {
    min-width: 312px;
    padding: 14px 40px 15px 14px;
    font-size: 14px;
    line-height: 17px;
  }
}

@media screen and (min-width: 1366px) {
  .csr-news .btn-area .btn-views-more:hover {
    background-color: #000;
    color: #fff;
  }
  .csr-news .btn-area .btn-views-more:hover::after {
    width: 24px;
    height: 24px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -260px -1442px;
    background-repeat: no-repeat;
  }
}

.csr-news .btn-area .btn-views-more:after {
  right: 15px;
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -292px -1442px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .csr-news .btn-area .btn-views-more:after {
    right: 15px;
    right: 1.0981vw;
    width: 1.75695vw;
    height: 1.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -21.38vw -105.56vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .csr-news .btn-area .btn-views-more:after {
    right: 15px;
    width: 28px;
    height: 28px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1765.16667px 1715px;
    background-size: 1765.16667px 1715px;
    background-position: -340.66667px -1682.33333px;
    background-repeat: no-repeat;
  }
}

.csr-news .csr-news-list:not(:first-child),
.csr-news .notice-area:not(:first-child) {
  margin-top: 40px;
}

@media screen and (max-width: 1365px) {
  .csr-news .csr-news-list:not(:first-child),
  .csr-news .notice-area:not(:first-child) {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news .csr-news-list:not(:first-child),
  .csr-news .notice-area:not(:first-child) {
    margin-top: 30px;
  }
}

.csr-news .pagination {
  margin-top: 64px;
}

@media screen and (max-width: 1365px) {
  .csr-news .pagination {
    margin-top: 64px;
    margin-top: 4.68521vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news .pagination {
    margin-top: 50px;
  }
}

.csr-news-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .csr-news-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.csr-news-search-text {
  font-size: 18px;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-text {
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-text {
    font-size: 16px;
  }
}

.csr-news-search-text .highlight {
  color: #0079fa;
}

.csr-news-search-form, .csr-news-search-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .csr-news-search-form {
    margin-top: 20px;
  }
}

.csr-news-search-form .btn-filter,
.csr-news-search-form .input-search,
.csr-news-search-form .btn-search {
  border: 2px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .csr-news-search-form .btn-filter,
  .csr-news-search-form .input-search,
  .csr-news-search-form .btn-search {
    border-width: 1px;
  }
}

.csr-news-search-filter {
  position: relative;
  z-index: 12;
}

@media screen and (max-width: 768px) {
  .csr-news-search-filter.is-half .btn-filter {
    min-width: 154px;
  }
}

.csr-news-search-filter .btn-filter {
  position: relative;
  min-width: 142px;
  padding: 14px 40px 13px 19px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-filter .btn-filter {
    min-width: 142px;
    min-width: 10.39531vw;
    padding: 14px 30px 13px 19px;
    padding: 1.02489vw 2.19619vw 0.95168vw 1.39092vw;
    font-size: 16px;
    font-size: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-filter .btn-filter {
    min-width: 96px;
    padding: 15px 10px;
    font-size: 14px;
  }
}

.csr-news-search-filter .btn-filter::after {
  position: absolute;
  top: 50%;
  right: 3px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -844px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-filter .btn-filter::after {
    right: 3px;
    right: 0.21962vw;
    width: 2.19619vw;
    height: 2.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -61.79vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-filter .btn-filter::after {
    right: 0;
    width: 30px;
    height: 30px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -844px -1394px;
    background-repeat: no-repeat;
  }
}

.csr-news-search-filter .btn-filter.is-active::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.csr-news-search-filter .btn-filter.is-active + .filter-option {
  display: block;
}

.csr-news-search-filter .filter-option {
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  right: 0;
  left: 0;
  border: 2px solid #dbdbdb;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .csr-news-search-filter .filter-option {
    border-width: 1px;
  }
}

.csr-news-search-filter .filter-option-item:not(:first-child) {
  border-top: 2px solid #dbdbdb;
}

@media screen and (max-width: 768px) {
  .csr-news-search-filter .filter-option-item:not(:first-child) {
    border-width: 1px 0 0;
  }
}

.csr-news-search-filter .filter-option-button {
  width: 100%;
  padding: 14px 18px 13px;
  text-align: left;
  font-size: 16px;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-filter .filter-option-button {
    padding: 14px 18px 13px;
    padding: 1.02489vw 1.31772vw 0.95168vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-filter .filter-option-button {
    padding: 15px 9px;
    font-size: 14px;
    line-height: 17px;
  }
}

@media screen and (min-width: 1366px) {
  .csr-news-search-filter .filter-option-button:hover {
    background-color: #dbdbdb;
  }
}

.csr-news-search-filter + .newsroom-search-filter {
  margin-left: 4px;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-filter + .newsroom-search-filter {
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-filter + .newsroom-search-filter {
    margin-left: 4px;
  }
}

.csr-news-search-area {
  margin-left: 4px;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-area {
    margin-left: 4px;
    margin-left: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-area {
    margin-left: 4px;
  }
}

.csr-news-search-area .input-search {
  width: 258px;
  padding: 14px 14px 13px;
  outline: none;
  font-size: 16px;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-area .input-search {
    width: 258px;
    width: 18.88726vw;
    padding: 14px 14px 13px;
    padding: 1.02489vw 1.02489vw 0.95168vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-area .input-search {
    width: calc(100% - 46px);
    padding: 14px 11px;
    font-size: 15px;
    line-height: 18px;
  }
}

.csr-news-search-area .input-search::-webkit-input-placeholder {
  color: #dbdbdb;
}

.csr-news-search-area .input-search::-moz-placeholder {
  color: #dbdbdb;
}

.csr-news-search-area .input-search:-ms-input-placeholder {
  color: #dbdbdb;
}

.csr-news-search-area .input-search::-ms-input-placeholder {
  color: #dbdbdb;
}

.csr-news-search-area .input-search::placeholder {
  color: #dbdbdb;
}

.csr-news-search-area .btn-search {
  position: relative;
  width: 50px;
  height: 50px;
  margin-left: -2px;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-area .btn-search {
    width: 50px;
    width: 3.66032vw;
    height: 50px;
    height: 3.66032vw;
    margin-left: -2px;
    margin-left: -0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-area .btn-search {
    width: auto;
    height: auto;
    margin-left: -1px;
    padding: 5px 4px 4px;
  }
}

.csr-news-search-area .btn-search .icon-search-newrooms {
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 0;
  width: 50px;
  height: 50px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1260.83333px 1225px;
  background-size: 1260.83333px 1225px;
  background-position: -1206.86667px -3.33333px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .csr-news-search-area .btn-search .icon-search-newrooms {
    width: 3.66032vw;
    height: 3.66vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 92.3vw 89.68vw;
    background-size: 92.3vw 89.68vw;
    background-position: -88.35vw -0.24vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .csr-news-search-area .btn-search .icon-search-newrooms {
    position: static;
    width: 37px;
    height: 37px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -681.12px -255.5px;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .management-message-office {
    display: block;
  }
}

html:lang(en) .business-philosophy-year .text {
  line-height: 60px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .business-philosophy-year .text {
    line-height: 60px;
    line-height: 4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .business-philosophy-year .text {
    line-height: 52px;
  }
}

html:lang(en) .business-philosophy-year .text::before {
  top: 30px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .business-philosophy-year .text::before {
    top: 30px;
    top: 2.19619vw;
  }
}

html:lang(en) .business-philosophy-title,
html:lang(en) .business-philosophy-progress .management-content-text {
  margin-top: 10px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .business-philosophy-title,
  html:lang(en) .business-philosophy-progress .management-content-text {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .business-philosophy-title,
  html:lang(en) .business-philosophy-progress .management-content-text {
    margin-top: 10px;
  }
}

html:lang(en) .business-philosophy-box .business-philosophy-image.type2 {
  padding: 33px 13px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .business-philosophy-box .business-philosophy-image.type2 {
    padding: 33px 13px;
    padding: 2.41581vw 0.95168vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .business-philosophy-box .business-philosophy-image.type2 {
    padding: 9px 6px;
  }
}

html:lang(en) .circle-criteria-list {
  margin-top: 15px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .circle-criteria-list {
    margin-top: 15px;
    margin-top: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .circle-criteria-list {
    margin-top: 15px;
  }
}

html:lang(en) .circle-criteria-item:not(:last-child) {
  margin-left: -15px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .circle-criteria-item:not(:last-child) {
    margin-left: -15px;
    margin-left: -1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .circle-criteria-item:not(:last-child) {
    margin-left: -20px;
  }
}

html:lang(en) .circle-criteria-text {
  font-size: 14px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .circle-criteria-text {
    font-size: 14px;
    font-size: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .circle-criteria-text {
    font-size: 12px;
  }
}

html:lang(en) .social-value-circle-center {
  font-size: 18px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .social-value-circle-center {
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-circle-center {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-circle-item:nth-child(2) {
    left: 150px;
  }
}

html:lang(en) .social-value-circle-item:nth-child(3) {
  right: 100px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .social-value-circle-item:nth-child(3) {
    right: 100px;
    right: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-circle-item:nth-child(3) {
    right: 0;
  }
}

html:lang(en) .social-value-circle-item:nth-child(4) {
  right: 115px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .social-value-circle-item:nth-child(4) {
    right: 115px;
    right: 8.41874vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-circle-item:nth-child(4) {
    right: 16px;
    bottom: 60px;
  }
}

html:lang(en) .social-value-circle-item:nth-child(6) {
  left: 145px;
  bottom: 115px;
  padding: 5px 12px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .social-value-circle-item:nth-child(6) {
    left: 165px;
    left: 12.07906vw;
    bottom: 115px;
    bottom: 8.41874vw;
    padding: 5px 12px;
    padding: 0.36603vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-circle-item:nth-child(6) {
    left: 0;
    bottom: 71px;
    padding: 6px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-circle-item:nth-child(5) {
    left: 105px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-circle-item:nth-child(7) {
    top: 86px;
    left: -6px;
  }
}

html:lang(en) .social-value-system .system-category {
  margin: 0 -10px;
  font-size: 15px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .social-value-system .system-category {
    font-size: 15px;
    font-size: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-category {
    margin: 0 -8px;
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-work {
    padding: 10px 15px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-item:nth-child(1)::after {
    top: 175px;
    height: 344px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-item:nth-child(2)::after {
    top: 343px;
    height: 228px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-item:nth-child(4)::after {
    top: 398px;
    height: 179px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-item:nth-child(5)::after {
    top: 341px;
    height: 173px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-item:nth-child(6)::after {
    top: 231px;
    height: 341px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-item:nth-child(6) .system-work {
    left: -186px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .social-value-system .system-item:nth-child(7)::after {
    top: 175px;
  }
}

html:lang(en) .manage-framework-level2 .manage-framework-itm {
  font-size: 14px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .manage-framework-level2 .manage-framework-itm {
    font-size: 14px;
    font-size: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .manage-framework-level2 .manage-framework-itm {
    font-size: 16px;
  }
}

html:lang(en) .manage-framework-level2 .manage-framework-itm:not(:last-child) {
  padding-right: 10px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .manage-framework-level2 .manage-framework-itm:not(:last-child) {
    padding-right: 10px;
    padding-right: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .manage-framework-level2 .manage-framework-itm:not(:last-child) {
    padding-right: 0;
  }
}

html:lang(en) .governance-title {
  width: 120px;
  height: 120px;
  font-size: 15px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .governance-title {
    width: 120px;
    width: 8.78477vw;
    height: 120px;
    height: 8.78477vw;
    font-size: 15px;
    font-size: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .governance-title {
    width: 80px;
    height: 80px;
    font-size: 12px;
  }
}

html:lang(en) .governance-role-item {
  padding-left: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .governance-role-item {
    padding-left: 70px;
    padding-left: 5.12445vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .governance-role-item {
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .governance-group-content {
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

html:lang(en) .report-process-name {
  font-size: 17px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .report-process-name {
    font-size: 17px;
    font-size: 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .report-process-name {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .ccm-definition-diagram-item {
    font-size: 12px;
  }
}

html:lang(en) .process-circle-content {
  padding: 0 20px;
  font-size: 18px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .process-circle-content {
    padding: 0px 20px;
    padding: 0vw 1.46413vw;
    font-size: 18px;
    font-size: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .process-circle-content {
    font-size: 14px;
    padding: 15px;
  }
}

html:lang(en) .swiper-env-safety-info {
  min-height: 350px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .swiper-env-safety-info {
    min-height: 350px;
    min-height: 25.62225vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .swiper-env-safety-info {
    min-height: 315px;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .swiper-env-wrap.type2 .swiper-env-safety-info {
    min-height: 385px;
  }
}

html:lang(en) .communication-diagram-btn {
  font-size: 13px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .communication-diagram-btn {
    font-size: 13px;
    font-size: 0.95168vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .communication-diagram-btn {
    font-size: 9px;
  }
}

html:lang(en) .management-env-goals-item {
  line-height: 1.25;
  padding: 20px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .management-env-goals-item {
    padding: 20px;
    padding: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .management-env-goals-item {
    padding: 20px;
  }
}

html:lang(en) .consumer-centric .support-method-item {
  min-height: auto;
}

html:lang(en) .diagram-ccm-item:first-child {
  padding-right: 2px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .diagram-ccm-item:first-child {
    padding-right: 2px;
    padding-right: 0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .diagram-ccm-item:first-child {
    padding-right: 0;
    padding-left: 0;
  }
}

html:lang(en) .diagram-ccm .diagram-ccm-item-deep:nth-child(3) {
  margin-left: 190px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .diagram-ccm .diagram-ccm-item-deep:nth-child(3) {
    margin-left: 190px;
    margin-left: 13.90922vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .diagram-ccm .diagram-ccm-item-deep:nth-child(3) {
    margin-left: 106px;
  }
}

html:lang(en) .csr-activities-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

html:lang(en) .csr-activities-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  -webkit-line-clamp: initial;
}

.management-env-goals-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 792px;
  margin-top: 48px;
  padding: 16px 21px;
  border-radius: 95px;
  background: #f8fbff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .management-env-goals-list {
    width: 792px;
    width: 57.9795vw;
    margin-top: 48px;
    margin-top: 3.51391vw;
    padding: 16px 21px;
    padding: 1.1713vw 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .management-env-goals-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 178px;
    margin: 28px auto 0;
    padding: 15px 14px;
    border-radius: 78px;
  }
}

.management-env-goals-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 150px;
  height: 150px;
  padding: 20px 10px;
  border: 1px solid #0079fa;
  border-radius: 50%;
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .management-env-goals-item {
    width: 150px;
    width: 10.98097vw;
    height: 150px;
    height: 10.98097vw;
    padding: 20px 10px;
    padding: 1.46413vw 0.73206vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .management-env-goals-item {
    width: 150px;
    height: 150px;
    padding: 20px 10px;
    font-size: 15px;
    line-height: 18px;
  }
}

.management-env-goals-item:not(:first-child)::after {
  position: absolute;
  top: 50%;
  left: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0079fa;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}

@media screen and (max-width: 1365px) {
  .management-env-goals-item:not(:first-child)::after {
    left: -5px;
    left: -0.36603vw;
    width: 8px;
    width: 0.58565vw;
    height: 8px;
    height: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .management-env-goals-item:not(:first-child)::after {
    top: -5px;
    left: 50%;
    width: 8px;
    height: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.management-env-goals-item.type2 {
  letter-spacing: -0.48px;
}

@media screen and (max-width: 768px) {
  .management-env-goals-item.type2 {
    letter-spacing: -0.45px;
  }
}

.management-env-policy-lst {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .management-env-policy-lst {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .management-env-policy-lst {
    margin-top: 26px;
  }
}

.management-env-policy-itm {
  position: relative;
}

.management-env-policy-itm:not(:first-child) {
  margin-top: 10px;
}

@media screen and (max-width: 1365px) {
  .management-env-policy-itm:not(:first-child) {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .management-env-policy-itm:not(:first-child) {
    margin-top: 10px;
  }
  .management-env-policy-itm:not(:first-child) .env-policy-content {
    min-height: 145px;
  }
}

.management-env-policy-itm .env-policy-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0079fa), to(#acd4ff));
  background-image: linear-gradient(to bottom, #0079fa, #acd4ff);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .management-env-policy-itm .env-policy-number {
    width: 74px;
    width: 5.41728vw;
    height: 74px;
    height: 5.41728vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .management-env-policy-itm .env-policy-number {
    width: 50px;
    height: 50px;
    font-size: 15px;
    line-height: 18px;
  }
}

.management-env-policy-itm .env-policy-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 120px;
  margin-left: 37px;
  padding: 0 78px 0 70px;
  border: 1px solid #dbdbdb;
  font-size: 18px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .management-env-policy-itm .env-policy-content {
    min-height: 120px;
    min-height: 8.78477vw;
    margin-left: 37px;
    margin-left: 2.70864vw;
    padding: 0px 78px 0px 70px;
    padding: 0vw 5.7101vw 0vw 5.12445vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .management-env-policy-itm .env-policy-content {
    min-height: 103px;
    margin-left: 25px;
    padding: 32px 20px 32px 39px;
    font-size: 15px;
    line-height: 18px;
  }
}

.swiper-env-wrap {
  overflow: hidden;
  width: calc((100vw - 996px) / 2 + 987px);
}

@media screen and (max-width: 1365px) {
  .swiper-env-wrap {
    width: calc((100vw - 72.91362vw) / 2 + 72.91362vw);
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-wrap {
    width: calc(100% + 48px);
    margin: 0 -24px;
  }
}

.swiper-env-wrap.type2 .swiper-env-safety-info {
  min-height: 384px;
}

@media screen and (max-width: 1365px) {
  .swiper-env-wrap.type2 .swiper-env-safety-info {
    min-height: 384px;
    min-height: 28.11127vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-wrap.type2 .swiper-env-safety-info {
    min-height: 330px;
  }
}

.swiper-env-safety {
  overflow: visible;
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety {
    margin-top: 30px;
    padding: 0 12px 0 24px;
  }
}

.swiper-env-safety-slide {
  width: 306px;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-slide {
    width: 306px;
    width: 22.40117vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-slide {
    width: 215px;
  }
}

.swiper-env-safety-slide:last-child .swiper-env-safety-icon {
  margin-right: 24px;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-slide:last-child .swiper-env-safety-icon {
    margin-right: 24px;
    margin-right: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-slide:last-child .swiper-env-safety-icon {
    margin-right: 12px;
  }
}

.swiper-env-safety-slide:last-child .swiper-env-safety-icon::before {
  right: 67px;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-slide:last-child .swiper-env-safety-icon::before {
    right: 67px;
    right: 4.90483vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-slide:last-child .swiper-env-safety-icon::before {
    right: 37px;
  }
}

.swiper-env-safety-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.swiper-env-safety-icon::before {
  position: absolute;
  top: calc(50% + 1px);
  right: 91px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0079fa;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-icon::before {
    top: 50%;
    right: 91px;
    right: 6.66179vw;
    width: 6px;
    width: 0.43924vw;
    height: 6px;
    height: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-icon::before {
    right: 52px;
    width: 8px;
    height: 8px;
  }
}

.swiper-env-safety-icon::after {
  width: 100%;
  height: 1px;
  background: #dbdbdb;
  content: "";
}

.swiper-env-safety-icon .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.swiper-env-safety-icon.hide-dot-pc::before {
  content: none;
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-icon.hide-dot-pc::before {
    content: "";
  }
}

.swiper-env-safety-info {
  min-height: 310px;
  margin: 24px 24px 0 0;
  padding: 30px;
  border: 1px solid #dbdbdb;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-info {
    min-height: 310px;
    min-height: 22.694vw;
    margin: 24px 24px 0px 0px;
    margin: 1.75695vw 1.75695vw 0vw 0vw;
    padding: 30px;
    padding: 2.19619vw;
    border-radius: 20px;
    border-radius: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-info {
    min-height: 240px;
    margin: 18px 12px 0 0;
    padding: 23px 20px 23px 23px;
    border-radius: 10px;
  }
}

.swiper-env-safety-info .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-info .title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-info .title {
    font-size: 16px;
    line-height: 20px;
  }
}

.swiper-env-safety-info .info-list {
  margin-top: 28px;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-info .info-list {
    margin-top: 28px;
    margin-top: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-info .info-list {
    margin-top: 15px;
  }
}

.swiper-env-safety-info .info-item {
  position: relative;
  padding-left: 6px;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.16px;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-info .info-item {
    padding-left: 6px;
    padding-left: 0.43924vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-info .info-item {
    padding-left: 5px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.15px;
  }
}

.swiper-env-safety-info .info-item::before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #212121;
  content: "";
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-info .info-item::before {
    top: 10px;
    top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-info .info-item::before {
    top: 10px;
  }
}

.swiper-env-safety-info .info-item:not(:first-child) {
  margin-top: 12px;
}

@media screen and (max-width: 1365px) {
  .swiper-env-safety-info .info-item:not(:first-child) {
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-env-safety-info .info-item:not(:first-child) {
    margin-top: 10px;
  }
}

.swiper-certification-iso {
  padding: 0 0 7px 7px;
}

@media screen and (max-width: 1365px) {
  .swiper-certification-iso {
    padding: 0px 0px 7px 7px;
    padding: 0vw 0vw 0.51245vw 0.51245vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-certification-iso {
    width: calc(100% + 18px);
    margin: 0 -24px;
    padding: 0 24px 6px 6px;
  }
}

.swiper-certification-iso::before {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #dbdbdb;
  content: "";
}

@media screen and (max-width: 1365px) {
  .swiper-certification-iso::before {
    bottom: 5px;
    bottom: 0.36603vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-certification-iso::before {
    bottom: 4px;
    left: 24px;
    display: none;
  }
}

.swiper-certification-iso::after {
  position: absolute;
  right: 2px;
  bottom: 1px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #dbdbdb;
  border-right: 2px solid #dbdbdb;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

@media screen and (max-width: 1365px) {
  .swiper-certification-iso::after {
    right: 2px;
    right: 0.14641vw;
    width: 8px;
    width: 0.58565vw;
    height: 8px;
    height: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-certification-iso::after {
    display: none;
  }
}

.swiper-certification-iso .swiper-wrapper {
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .swiper-certification-iso .swiper-wrapper {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-certification-iso .swiper-wrapper {
    margin-top: 30px;
    padding-left: 24px;
  }
}

.swiper-certification-item {
  width: 198px;
  height: 172px;
  padding: 40px 15px 50px 17px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f0f7ff), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #f0f7ff, rgba(255, 255, 255, 0));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .swiper-certification-item {
    width: 198px;
    width: 14.49488vw;
    height: 172px;
    height: 12.59151vw;
    padding: 40px 15px 50px 17px;
    padding: 2.92826vw 1.0981vw 3.66032vw 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-certification-item {
    width: 210px;
    height: 182px;
    padding: 43px 19px 67px;
    border-bottom: 2px solid #ededed;
  }
}

.swiper-certification-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #0079fa;
  content: "";
}

.swiper-certification-item::after {
  position: absolute;
  left: -7px;
  bottom: -7px;
  width: 14px;
  height: 14px;
  background: #0079fa;
  border-radius: 50%;
  content: "";
}

@media screen and (max-width: 1365px) {
  .swiper-certification-item::after {
    left: -5px;
    left: -0.36603vw;
    bottom: -5px;
    bottom: -0.36603vw;
    width: 12px;
    width: 0.87848vw;
    height: 12px;
    height: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-certification-item::after {
    left: -4px;
    bottom: -6px;
    width: 10px;
    height: 10px;
  }
}

.swiper-certification-time {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .swiper-certification-time {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-certification-time {
    font-size: 17px;
    line-height: 21px;
  }
}

.swiper-certification-name {
  margin-top: 20px;
  padding-right: 15px;
  font-size: 16px;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .swiper-certification-name {
    margin-top: 20px;
    margin-top: 1.46413vw;
    padding-right: 15px;
    padding-right: 1.0981vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .swiper-certification-name {
    margin-top: 23px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }
}

.diagram-operation-system.operating-organization {
  padding: 40px 40px 48px 0;
  border: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system.operating-organization {
    padding: 40px 40px 48px 0px;
    padding: 2.92826vw 2.92826vw 3.51391vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system.operating-organization {
    margin-top: 50px;
    padding: 24px 0 0;
  }
}

.diagram-operation-system .diagram-operation-system-title {
  display: block;
  padding-left: 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #191919;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .diagram-operation-system-title {
    padding-left: 40px;
    padding-left: 2.92826vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .diagram-operation-system-title {
    padding-left: 24px;
    font-size: 15px;
    line-height: 18px;
  }
}

.diagram-operation-system .operating-organization-content {
  width: 996px;
  margin: -14px auto 40px;
  padding: 14px 0 12px;
  background-image: url(/img/management/bg_operating_organization_type2-de52c03636d0226083515594f343a8b7.png);
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .operating-organization-content {
    width: 996px;
    width: 72.91362vw;
    margin: -14px auto 40px;
    margin: -1.02489vw auto 2.92826vw;
    padding: 14px 0px 12px;
    padding: 1.02489vw 0vw 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .operating-organization-content {
    width: 312px;
    margin-top: 20px;
    padding: 15px 0 46px;
    background-image: url(/img/management/bg_operating_organization_type2_mo-d072397504bdfe95defda1749df5b016.png);
  }
}

.diagram-operation-system .operating-organization-content-en {
  background-image: url(/img/management/bg_operating_organization_type2_en-6f4889ff8a917368c78e6d46a698cfa6.png);
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .operating-organization-content-en {
    background-image: url(/img/management/bg_operating_organization_type2_mo_en-b0737bb0e73639e2708785a05bae97ab.png);
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .operating-organization-content-en .organization-level-1 {
    padding: 0;
  }
  .diagram-operation-system .operating-organization-content-en .organization-level-1 .organization-office {
    line-height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .operating-organization-content-en .organization-level-2 {
    margin-right: 18px;
  }
}

.diagram-operation-system .operating-organization-content-en .organization-level-2-content {
  margin-left: 525px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .operating-organization-content-en .organization-level-2-content {
    margin-left: 525px;
    margin-left: 38.43338vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .operating-organization-content-en .organization-level-2-content {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .operating-organization-content-en .part-item {
    margin-top: 48px;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .operating-organization-content-en .part-item.part-item-style2 {
    margin-top: 28px;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .operating-organization-content-en .part-item.part-item-diagram-5 {
    margin-top: 38px;
  }
}

.diagram-operation-system .organization-level-1 {
  width: 196px;
  height: 196px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-1 {
    width: 196px;
    width: 14.34846vw;
    height: 196px;
    height: 14.34846vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-1 {
    width: 136px;
    height: 136px;
  }
}

.diagram-operation-system .organization-level-1 .organization-office {
  line-height: 23px;
}

.diagram-operation-system .organization-level-2 {
  margin-top: 7px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-2 {
    margin-top: 7px;
    margin-top: 0.51245vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-2 {
    margin: 50px 50px 0 0;
  }
}

.diagram-operation-system .organization-level-2-content {
  margin-left: 603px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-2-content {
    margin-left: 603px;
    margin-left: 44.14348vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-2-content {
    min-width: 94px;
    width: auto;
    margin-left: 50px;
  }
}

.diagram-operation-system .organization-level-3 .part-name {
  min-height: 80px;
  border-radius: 40px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-3 .part-name {
    min-height: 80px;
    min-height: 5.85652vw;
    border-radius: 40px;
    border-radius: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-3 .part-name {
    min-height: 74px;
    border-radius: 37px;
  }
}

.diagram-operation-system .organization-level-3 .part-manager {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  min-height: 52px;
  margin-top: 12px;
  background-color: #fafafa;
  font-size: 14px;
  line-height: 16px;
  color: #757575;
  letter-spacing: -0.28px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-3 .part-manager {
    min-height: 52px;
    min-height: 3.80673vw;
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 14px;
    font-size: 1.02489vw;
    line-height: 16px;
    line-height: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-3 .part-manager {
    min-height: 74px;
    margin-top: 10px;
    border-radius: 37px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.26px;
  }
}

.diagram-operation-system .organization-level-4 .part-name {
  min-height: 52px;
  margin-top: 12px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-4 .part-name {
    min-height: 52px;
    min-height: 3.80673vw;
    margin-top: 12px;
    margin-top: 0.87848vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-4 .part-name {
    min-height: 74px;
    margin-top: 10px;
    border-radius: 37px;
  }
}

.diagram-operation-system .organization-level-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: calc(100% - 13px);
  right: 25.5px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-5 {
    top: calc(100% - 1.464vw);
    right: 31px;
    right: 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-5 {
    position: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 22px;
  }
}

.diagram-operation-system .organization-level-5 .part-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  min-width: 90px;
  min-height: 48px;
  margin-top: 14px;
  padding: 5px 9px;
  border-radius: 25px;
  background-color: #fafafa;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: #757575;
  letter-spacing: -0.26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-5 .part-name {
    min-width: 87px;
    min-width: 6.36896vw;
    min-height: 48px;
    min-height: 3.51391vw;
    margin-top: 20px;
    margin-top: 1.46413vw;
    padding: 5px 9px;
    padding: 0.36603vw 0.65886vw;
    border-radius: 25px;
    border-radius: 1.83016vw;
    font-size: 13px;
    font-size: 0.95168vw;
    line-height: 15px;
    line-height: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-5 .part-name {
    min-width: 204px;
    min-height: 74px;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 37px;
    font-size: 13px;
    line-height: 14px;
  }
}

.diagram-operation-system .organization-level-5 .part-name + .part-name {
  margin-left: 11px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-5 .part-name + .part-name {
    margin-left: 11px;
    margin-left: 0.80527vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-5 .part-name + .part-name {
    margin-left: 0;
  }
  .diagram-operation-system .organization-level-5 .part-name + .part-name::before {
    content: none;
  }
}

.diagram-operation-system .organization-level-5 .part-name::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border: 1px solid #0079fa;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .organization-level-5 .part-name::before {
    width: 6px;
    width: 0.43924vw;
    height: 6px;
    height: 0.43924vw;
    margin-top: -3px;
    margin-top: -0.21962vw;
    border-radius: 6px;
    border-radius: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .organization-level-5 .part-name::before {
    width: 7px;
    height: 7px;
    margin-top: -21px;
    border: 1px solid #0079fa;
    border-radius: 7px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
  }
}

.diagram-operation-system .part-list {
  margin-top: 45px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .part-list {
    margin-top: 45px;
    margin-top: 3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
    padding: 0;
  }
}

.diagram-operation-system .part-item {
  width: 140px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .part-item {
    width: 140px;
    width: 10.2489vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item {
    width: calc(100% / 2 - 27px);
    margin-top: 46px;
  }
}

.diagram-operation-system .part-item:not(:first-child) {
  margin-left: 13px;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .part-item:not(:first-child) {
    margin-left: 13px;
    margin-left: 0.95168vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item:not(:first-child) {
    margin-left: 0;
  }
}

.diagram-operation-system .part-item::after {
  display: none;
}

.diagram-operation-system .part-item::before {
  z-index: 2;
  border-radius: 50%;
}

@media screen and (max-width: 1365px) {
  .diagram-operation-system .part-item::before {
    width: 6px;
    width: 0.43924vw;
    height: 6px;
    height: 0.43924vw;
    margin-top: -3px;
    margin-top: -0.21962vw;
    border-radius: 6px;
    border-radius: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item::before {
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border-radius: 7px;
  }
}

.diagram-operation-system .part-item:not(:nth-child(3n + 1))::before {
  content: "";
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item:not(:nth-child(3n + 1))::before {
    display: block;
    left: 50%;
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border-radius: 7px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
  }
}

@media (min-width: 769px) {
  .diagram-operation-system .part-item:nth-child(2n + 2)::before {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item:nth-child(2n + 2) {
    display: block;
    margin-left: 22px;
    content: "";
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item.part-item-style2 {
    margin-top: 28px;
  }
}

@media (min-width: 769px) {
  .diagram-operation-system .part-item.part-item-diagram-5::before {
    margin-left: -2px;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item.part-item-diagram-5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item.part-item-diagram-5 .organization-level-3 {
    min-width: 204px;
  }
}

@media screen and (max-width: 768px) {
  .diagram-operation-system .part-item.part-item-style-mo::after {
    display: block;
    width: 152px;
    height: 15px;
    margin-top: -15px;
    background: url(/img/management/bg_operation_border_mo-42f804fb32cc1c6b6c8df40b35dd56b0.png) no-repeat top center;
    -webkit-background-size: contain;
    background-size: contain;
    pointer-events: none;
    content: "";
  }
}

.page-factory-detail .content-center {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .page-factory-detail .content-center {
    text-align: left;
  }
}

.page-factory-detail .title-box {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .page-factory-detail .title-box {
    display: block;
  }
}

.page-factory-detail .title-fade {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .page-factory-detail .title-fade {
    font-size: 21px;
    line-height: 29px;
  }
}

.section-about-factory {
  padding: 160px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-about-factory {
    padding: 160px 0px 200px;
    padding: 11.71303vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-about-factory {
    padding: 80px 0 120px;
  }
}

.factory-certificate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 962px;
  margin: 120px auto 0;
}

@media screen and (max-width: 1365px) {
  .factory-certificate-list {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-certificate-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 60px;
  }
}

.factory-certificate-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .factory-certificate-item:not(:first-child) {
    margin-top: 40px;
  }
}

.factory-certificate-item:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #eaeaea;
  content: '';
}

@media screen and (max-width: 768px) {
  .factory-certificate-item:not(:first-child)::before {
    position: static;
    width: 100%;
    height: 1px;
    margin-bottom: 40px;
  }
}

.factory-certificate-item:last-child {
  padding-left: 64px;
}

@media screen and (max-width: 1365px) {
  .factory-certificate-item:last-child {
    padding-left: 64px;
    padding-left: 4.68521vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-certificate-item:last-child {
    padding-left: 0;
  }
}

.factory-certificate-item:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 340px;
  margin-left: 64px;
  padding: 0 63px;
}

@media screen and (max-width: 1365px) {
  .factory-certificate-item:nth-child(2) {
    width: 340px;
    width: 24.89019vw;
    margin-left: 64px;
    margin-left: 4.68521vw;
    padding: 0px 64px;
    padding: 0vw 4.68521vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-certificate-item:nth-child(2) {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
}

.factory-certificate-name {
  margin-top: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .factory-certificate-name {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-certificate-name {
    margin-top: 8px;
    font-size: 18px;
    line-height: 22px;
  }
}

.factory-certificate-desc {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .factory-certificate-desc {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-certificate-desc {
    margin-top: 8px;
    font-size: 15px;
    line-height: 18px;
  }
}

.factory-about {
  margin: 0 auto;
}

@media (min-width: 1920px) {
  .factory-about {
    width: 1448px;
    padding-left: 248px;
  }
}

@media (max-width: 1919px) {
  .factory-about {
    width: 100%;
    max-width: 1200px;
  }
}

@media screen and (max-width: 1365px) {
  .factory-about {
    width: 100%;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.factory-about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 160px;
}

@media screen and (max-width: 1365px) {
  .factory-about-list {
    margin-top: 160px;
    margin-top: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about-list {
    margin-top: 120px;
  }
}

.factory-about .factory-name {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #191919;
}

@media screen and (max-width: 1365px) {
  .factory-about .factory-name {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about .factory-name {
    font-size: 28px;
    line-height: 34px;
  }
}

.factory-about .factory-name .number {
  display: inline-block;
  margin-right: 12px;
  color: #0079fa;
  font-size: 16px;
  line-height: 19px;
  vertical-align: super;
}

@media screen and (max-width: 1365px) {
  .factory-about .factory-name .number {
    margin-right: 12px;
    margin-right: 0.87848vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about .factory-name .number {
    margin-right: 6px;
    font-size: 13px;
    line-height: 16px;
  }
}

.factory-about .factory-image {
  position: relative;
  margin-top: 24px;
  padding-bottom: 146%;
}

@media screen and (max-width: 1365px) {
  .factory-about .factory-image {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about .factory-image {
    margin-top: 24px;
    padding-bottom: 64.1%;
  }
}

.factory-about .factory-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.factory-about .factory-intro {
  display: block;
  margin-top: 24px;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: -0.48px;
}

@media screen and (max-width: 1365px) {
  .factory-about .factory-intro {
    margin-top: 24px;
    margin-top: 1.75695vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 31px;
    line-height: 2.2694vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about .factory-intro {
    margin-top: 24px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0;
  }
}

@media (max-width: 1919px) {
  .factory-about .factory-intro .only-large-pc {
    display: none;
  }
}

.factory-about .factory-address {
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .factory-about .factory-address {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about .factory-address {
    margin-top: 12px;
  }
}

.factory-about .factory-address-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 20px;
  line-height: 24px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .factory-about .factory-address-link {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about .factory-address-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 18px;
  }
}

.factory-about .factory-address-text {
  display: block;
  margin-top: 8px;
  font-size: 20px;
  line-height: 24px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .factory-about .factory-address-text {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about .factory-address-text {
    margin-top: 10px;
    font-size: 15px;
    line-height: 18px;
  }
}

.factory-about .factory-link-detail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 180px;
  margin-top: 38px;
  padding: 13px 16px 13px 24px;
  border: 1px solid #0079fa;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .factory-about .factory-link-detail {
    min-width: 180px;
    min-width: 13.17716vw;
    margin-top: 38px;
    margin-top: 2.78184vw;
    padding: 13px 16px 13px 24px;
    padding: 0.95168vw 1.1713vw 0.95168vw 1.75695vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-about .factory-link-detail {
    width: 100%;
    margin-top: 40px;
    padding: 11px 15px 11px 20px;
    font-size: 13px;
    line-height: 16px;
  }
}

.factory-about .factory-link-detail .icon {
  margin-left: auto;
}

@media screen and (min-width: 1366px) {
  .factory-about .factory-link-detail:hover {
    background: #0079fa;
    color: #fff;
  }
  .factory-about .factory-link-detail:hover .icon {
    width: 28px;
    height: 28px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1513px 1470px;
    background-size: 1513px 1470px;
    background-position: -1326px -1394px;
    background-repeat: no-repeat;
  }
}

.factory-about-item {
  width: calc(100%/3 - 1.701vw);
  margin-right: 48px;
  margin-right: 2.501vw;
}

@media (min-width: 1920px) {
  .factory-about-item {
    width: 400px;
    margin-right: 48px;
  }
}

@media screen and (max-width: 768px) {
  .factory-about-item {
    width: 100%;
    margin-right: 0;
  }
}

.factory-about-item:nth-child(3n+3) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .factory-about-item:not(:first-child) {
    margin-top: 70px;
  }
}

@media (min-width: 1920px) {
  .factory-about-item-type2 {
    width: 552px;
  }
}

@media screen and (max-width: 768px) {
  .factory-about-item-type2 {
    width: 100%;
  }
}

.factory-about-item-type2 .factory-image {
  padding-bottom: 67.212%;
}

@media screen and (max-width: 768px) {
  .factory-about-item-type2 .factory-image {
    padding-bottom: 64.1%;
  }
}

.factory-about-item:nth-child(3) .factory-image {
  padding-bottom: 138%;
}

@media screen and (max-width: 768px) {
  .factory-about-item:nth-child(3) .factory-image {
    padding-bottom: 64.1%;
  }
}

@media screen and (max-width: 768px) {
  .factory-device-swiper {
    width: 100%;
    margin: 0 -24px;
    padding: 0 24px;
  }
}

.factory-device-swiper .swiper-control {
  position: absolute;
  top: 355px;
  left: 24px;
  z-index: 2;
  font-size: 0;
}

.factory-device-swiper .btn-control {
  width: 48px;
  height: 48px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1296.85714px 1260px;
  background-size: 1296.85714px 1260px;
  background-position: -1241.34857px -116.57143px;
  background-repeat: no-repeat;
}

.factory-device-swiper .btn-next {
  -webkit-transform: rotateY(180deg) translateX(-100%);
  transform: rotateY(180deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  margin-left: -1px;
}

.factory-device-list {
  margin: 48px -30px 0;
  font-size: 0;
}

@media screen and (max-width: 1365px) {
  .factory-device-list {
    margin: 48px -30px 0px;
    margin: 3.51391vw -2.19619vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-device-list {
    margin: 40px 0 0;
  }
}

.factory-device-item {
  display: inline-block;
  width: calc(100%  / 3 - 39px);
  margin: 0 30px;
}

@media screen and (max-width: 1365px) {
  .factory-device-item {
    width: calc(100%  / 3 - 2.855vw);
    margin: 0px 30px;
    margin: 0vw 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-device-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 258px;
    flex: 1 0 258px;
    width: 258px;
    margin: 0;
  }
}

.factory-device-item:nth-child(2n + 2) {
  margin-top: 146px;
}

@media screen and (max-width: 1365px) {
  .factory-device-item:nth-child(2n + 2) {
    margin-top: 146px;
    margin-top: 10.68814vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-device-item:nth-child(2n + 2) {
    margin-top: 0;
  }
}

.factory-device-number {
  font-size: 72px;
  font-weight: 700;
  line-height: 86px;
  color: #f4f4f4;
}

@media screen and (max-width: 1365px) {
  .factory-device-number {
    font-size: 72px;
    font-size: 5.27086vw;
    line-height: 86px;
    line-height: 6.29575vw;
  }
}

.factory-device-image {
  position: relative;
  padding-bottom: 131.1%;
}

.factory-device-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.factory-device-name {
  display: block;
  margin-top: 30px;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.3px;
}

@media screen and (max-width: 1365px) {
  .factory-device-name {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 36px;
    line-height: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-device-name {
    margin-top: 56px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
  }
}

.factory-device-desc {
  margin-top: 24px;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.3px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .factory-device-desc {
    margin-top: 24px;
    margin-top: 1.75695vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 27px;
    line-height: 1.97657vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-device-desc {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.14px;
  }
}

.overview-factory {
  overflow: hidden;
  width: calc(50% - 54px + 100vw/2);
  margin-left: 54px;
}

@media screen and (max-width: 1365px) {
  .overview-factory {
    width: calc(50% - 3.953vw + 100vw/2);
    margin-left: 54px;
    margin-left: 3.95315vw;
  }
}

@media screen and (max-width: 768px) {
  .overview-factory {
    width: calc(100% + 24px);
    margin-left: 0;
  }
}

.overview-factory-section {
  overflow: hidden;
  margin: 126px 0 80px;
}

@media screen and (max-width: 1365px) {
  .overview-factory-section {
    margin: 126px 0px 80px;
    margin: 9.22401vw 0vw 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .overview-factory-section {
    margin: 40px 0;
  }
}

.indicator-output {
  max-width: 894px;
  margin: 0 auto;
}

@media screen and (max-width: 1365px) {
  .indicator-output {
    max-width: 894px;
    max-width: 65.44656vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output {
    max-width: 100%;
  }
}

.indicator-output-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 94px;
}

@media screen and (max-width: 1365px) {
  .indicator-output-list {
    margin-top: 94px;
    margin-top: 6.88141vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 50px;
  }
}

.indicator-output-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 320px;
  height: 320px;
  padding: 50px 30px;
  border: 2px solid #0079fa;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .indicator-output-item {
    width: 320px;
    width: 23.42606vw;
    height: 320px;
    height: 23.42606vw;
    padding: 50px 30px;
    padding: 3.66032vw 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-item {
    width: 210px;
    height: 210px;
    padding: 20px;
  }
}

.indicator-output-item:not(:first-child) {
  margin-left: -33px;
}

@media screen and (max-width: 1365px) {
  .indicator-output-item:not(:first-child) {
    margin-left: -33px;
    margin-left: -2.41581vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-item:not(:first-child) {
    margin-left: 0;
    margin-top: -32px;
  }
}

.indicator-output-type2 .indicator-output-content {
  min-height: 144px;
}

@media screen and (max-width: 1365px) {
  .indicator-output-type2 .indicator-output-content {
    min-height: 144px;
    min-height: 10.54173vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-type2 .indicator-output-content {
    min-height: auto;
  }
}

.indicator-output-content {
  text-align: center;
  min-height: 152px;
}

@media screen and (max-width: 1365px) {
  .indicator-output-content {
    min-height: 152px;
    min-height: 11.12738vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-content {
    min-height: auto;
  }
}

.indicator-output-content-type2 .indicator-output-info {
  margin-top: 20px;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
}

@media screen and (max-width: 1365px) {
  .indicator-output-content-type2 .indicator-output-info {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 34px;
    font-size: 2.48902vw;
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-content-type2 .indicator-output-info {
    margin-top: 10px;
    font-size: 23px;
    line-height: 28px;
  }
}

.indicator-output-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  color: #757575;
  letter-spacing: -0.44px;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .indicator-output-title {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-title {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.16px;
  }
}

.indicator-output-title:after {
  display: block;
  width: 30px;
  margin: 17px auto 0;
  height: 1px;
  background-color: #707070;
  content: '';
}

@media screen and (max-width: 1365px) {
  .indicator-output-title:after {
    width: 30px;
    width: 2.19619vw;
    margin-top: 17px;
    margin-top: 1.24451vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-title:after {
    width: 20px;
    margin-top: 9px;
  }
}

.indicator-output-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 31px;
  color: #0079fa;
  font-size: 50px;
  font-weight: 700;
  line-height: 39px;
}

@media screen and (max-width: 1365px) {
  .indicator-output-info {
    margin-top: 31px;
    margin-top: 2.2694vw;
    font-size: 50px;
    font-size: 3.66032vw;
    line-height: 39px;
    line-height: 2.85505vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-info {
    margin-top: 10px;
    font-size: 32px;
    line-height: 38px;
  }
}

.indicator-output-info .num {
  display: block;
}

.indicator-output-info .unit {
  display: block;
  margin-top: 6px;
  text-align: left;
  font-size: 30px;
  font-weight: 700;
  line-height: 39px;
}

@media screen and (max-width: 1365px) {
  .indicator-output-info .unit {
    margin-top: 6px;
    margin-top: 0.43924vw;
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 39px;
    line-height: 2.85505vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-info .unit {
    margin-top: 5px;
    font-size: 19px;
    line-height: 38px;
  }
}

.indicator-output-note {
  display: block;
  margin-top: 11px;
  letter-spacing: -0.36px;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .indicator-output-note {
    margin-top: 11px;
    margin-top: 0.80527vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .indicator-output-note {
    margin-top: -3px;
    font-size: 13px;
    line-height: 30px;
    letter-spacing: -0.13px;
  }
}

.indicator-output .note {
  margin-top: 20px;
  margin-left: 34px;
  color: #757575;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .indicator-output .note {
    margin-top: 20px;
    margin-top: 1.46413vw;
    margin-left: 34px;
    margin-left: 2.48902vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

.history-swiper {
  overflow: hidden;
  position: relative;
  margin-top: 63px;
}

@media screen and (max-width: 1365px) {
  .history-swiper {
    margin-top: 63px;
    margin-top: 4.61201vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper {
    margin-top: 40px;
    padding-right: 20px;
  }
}

.history-swiper .line {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #ccc;
  content: '';
}

@media screen and (max-width: 1365px) {
  .history-swiper .line {
    top: 138px;
    top: 10.10249vw;
  }
}

.history-swiper .swiper-wrapper {
  overflow: visible;
}

.history-swiper .history-item {
  width: auto;
  min-width: 228px;
  padding-right: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item {
    min-width: 228px;
    min-width: 16.69107vw;
    padding-right: 28px;
    padding-right: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item {
    min-width: 96px;
    padding-right: 0;
  }
}

.history-swiper .history-item:nth-child(2n-1) .history-content {
  padding-top: 36px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item:nth-child(2n-1) .history-content {
    padding-top: 36px;
    padding-top: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item:nth-child(2n-1) .history-content {
    padding-top: 18px;
  }
}

.history-swiper .history-item:nth-child(2n-1) .history-content::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 20px;
  background-color: #212121;
  content: '';
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item:nth-child(2n-1) .history-content::before {
    width: 4px;
    width: 0.29283vw;
    height: 20px;
    height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item:nth-child(2n-1) .history-content::before {
    width: 3px;
    height: 10px;
  }
}

.history-swiper .history-item:nth-child(2n-1) .history-thumb {
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item:nth-child(2n-1) .history-thumb {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item:nth-child(2n-1) .history-thumb {
    margin-top: 10px;
  }
}

.history-swiper .history-item:nth-child(2n)::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4px;
  height: 20px;
  background-color: #212121;
  content: '';
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item:nth-child(2n)::before {
    width: 4px;
    width: 0.29283vw;
    height: 20px;
    height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item:nth-child(2n)::before {
    width: 3px;
    height: 10px;
  }
}

.history-swiper .history-item:nth-child(2n) .history-content {
  padding-bottom: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item:nth-child(2n) .history-content {
    padding-bottom: 35px;
    padding-bottom: 2.56223vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item:nth-child(2n) .history-content {
    padding-bottom: 18px;
  }
}

.history-swiper .history-item:nth-child(2n).has-thumb {
  padding-right: 0;
}

.history-swiper .history-item:nth-child(2n).has-thumb .history-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -176px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item:nth-child(2n).has-thumb .history-content {
    margin-right: -176px;
    margin-right: -12.88433vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item:nth-child(2n).has-thumb .history-content {
    margin-right: -167px;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item:nth-child(2n).has-thumb .history-event {
    width: 133px;
  }
}

.history-swiper .history-item:nth-child(2n).has-thumb .history-thumb {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item:nth-child(2n).has-thumb .history-thumb {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item:nth-child(2n).has-thumb .history-thumb {
    margin-left: 10px;
  }
}

.history-swiper .history-item-type1 {
  width: 348px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item-type1 {
    width: 348px;
    width: 25.47584vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item-type1 {
    width: 187px;
  }
}

.history-swiper .history-item-type1 .history-event {
  width: 300px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item-type1 .history-event {
    width: 300px;
    width: 21.96193vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item-type1 .history-event {
    width: 150px;
  }
}

.history-swiper .history-item-type2 {
  width: 240px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item-type2 {
    width: 240px;
    width: 17.56955vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item-type2 {
    width: 96px;
  }
}

.history-swiper .history-item-type2 .history-event {
  width: auto;
  margin-right: -120px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item-type2 .history-event {
    margin-right: -120px;
    margin-right: -8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item-type2 .history-event {
    width: 123px;
    margin-right: 0;
  }
}

.history-swiper .history-item-type3 {
  width: 408px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item-type3 {
    width: 408px;
    width: 29.86823vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item-type3 {
    width: 96px;
  }
}

.history-swiper .history-item-type3 .history-event {
  width: 100%;
}

.history-swiper .history-item-type4 {
  width: 330px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item-type4 {
    width: 330px;
    width: 24.15813vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item-type4 {
    width: 96px;
  }
}

.history-swiper .history-item-type5 {
  width: 380px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-item-type5 {
    width: 360px;
    width: 26.35432vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-item-type5 {
    width: 96px;
  }
}

.history-swiper .history-item-type5 .history-event {
  width: 100%;
}

.history-swiper .history-item:last-child .history-content {
  margin-right: 0;
}

.history-swiper .history-content {
  position: relative;
}

@media screen and (max-width: 768px) {
  .history-swiper .history-content {
    margin-right: -35px;
  }
}

.history-swiper .history-event {
  width: 180px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-event {
    width: 180px;
    width: 13.17716vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-event {
    width: 120px;
  }
}

.history-swiper .history-event .event-date {
  display: block;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-event .event-date {
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 36px;
    line-height: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-event .event-date {
    font-size: 20px;
    line-height: 24px;
  }
}

.history-swiper .history-event .event-list {
  margin-top: 10px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-event .event-list {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-event .event-list {
    margin-top: 5px;
  }
}

.history-swiper .history-event .event-item {
  color: #757575;
  letter-spacing: -0.22px;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-event .event-item {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-event .event-item {
    letter-spacing: -0.16px;
    font-size: 16px;
    line-height: 21px;
  }
}

.history-swiper .history-event .event-item:not(:first-child) {
  margin-top: 3px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-event .event-item:not(:first-child) {
    margin-top: 3px;
    margin-top: 0.21962vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-event .event-item:not(:first-child) {
    margin-top: 0;
  }
}

.history-swiper .history-thumb {
  width: 200px;
  height: 112px;
}

@media screen and (max-width: 1365px) {
  .history-swiper .history-thumb {
    width: 200px;
    width: 14.64129vw;
    height: 112px;
    height: 8.19912vw;
  }
}

@media screen and (max-width: 768px) {
  .history-swiper .history-thumb {
    width: 120px;
    height: 67px;
  }
}

.history-swiper .history-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.factory-main-status {
  overflow: hidden;
  width: 894px;
  margin: 100px auto 0;
}

@media screen and (max-width: 1365px) {
  .factory-main-status {
    width: 894px;
    width: 65.44656vw;
    margin-top: 100px;
    margin-top: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status {
    width: 100%;
    margin-top: 50px;
  }
}

.factory-main-status-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.factory-main-status-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 264px;
  min-height: 226px;
  margin-left: 51px;
  padding-left: 23px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .factory-main-status-item {
    width: 264px;
    width: 19.3265vw;
    min-height: 226px;
    min-height: 16.54466vw;
    margin-left: 51px;
    margin-left: 3.73353vw;
    padding-left: 23px;
    padding-left: 1.68375vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-item {
    width: calc((100% - 35px)/2);
    min-height: 158px;
    margin-left: 35px;
    padding-left: 0;
  }
}

.factory-main-status-item::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -28px;
  width: 1px;
  background-color: #eaeaea;
  content: '';
}

@media screen and (max-width: 1365px) {
  .factory-main-status-item::after {
    left: -28px;
    left: -2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-item::after {
    left: -18px;
  }
}

@media (min-width: 769px) {
  .factory-main-status-item:nth-child(n + 4)::before {
    position: absolute;
    top: -25px;
    left: -26px;
    width: calc(100% + 51px);
    height: 1px;
    background-color: #ebebeb;
    content: '';
  }
}

@media screen and (max-width: 1365px) {
  .factory-main-status-item:nth-child(n + 4)::before {
    top: -25px;
    top: -1.83016vw;
    left: -26px;
    left: -1.90337vw;
    width: calc(100% + 3.734vw);
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-item:nth-child(n + 4)::before {
    top: -25px;
    left: -18px;
    width: calc(100% + 35px);
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-item:nth-child(n + 3) {
    margin-top: 49px;
  }
  .factory-main-status-item:nth-child(n + 3)::before {
    position: absolute;
    top: -25px;
    left: -18px;
    width: calc(100% + 35px);
    height: 1px;
    background-color: #ebebeb;
    content: '';
  }
}

.factory-main-status-item:nth-child(n + 4) {
  margin-top: 49px;
}

@media screen and (max-width: 1365px) {
  .factory-main-status-item:nth-child(n + 4) {
    margin-top: 49px;
    margin-top: 3.58712vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-item:nth-child(n + 4) {
    margin-top: 49px;
  }
}

@media (min-width: 769px) {
  .factory-main-status-item:nth-child(3n-2) {
    margin-left: 0;
  }
}

@media (min-width: 769px) {
  .factory-main-status-item:nth-child(3n-2)::after {
    content: none;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-item:nth-child(2n-1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-item:nth-child(2n-1)::after {
    content: none;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-item:nth-child(2n-1) .factory-main-status-icon {
    margin-right: 7px;
  }
}

.factory-main-status-title {
  display: block;
  letter-spacing: -0.24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .factory-main-status-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-title {
    letter-spacing: -0.17px;
    font-size: 17px;
    line-height: 20px;
  }
}

.factory-main-status-icon {
  display: block;
  margin: 20px 23px 0 0;
  text-align: right;
}

@media screen and (max-width: 1365px) {
  .factory-main-status-icon {
    margin: 20px 23px 0px 0px;
    margin: 1.46413vw 1.68375vw 0vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status-icon {
    margin: 0;
  }
}

.factory-main-status .output-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 11px;
}

@media screen and (max-width: 1365px) {
  .factory-main-status .output-list {
    margin-top: 11px;
    margin-top: 0.80527vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status .output-list {
    margin-top: 7px;
  }
}

.factory-main-status .output-item {
  display: block;
  color: #757575;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .factory-main-status .output-item {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status .output-item {
    font-size: 15px;
    line-height: 22px;
  }
}

.factory-main-status .output-item:not(:first-child) {
  margin-top: 4px;
}

@media screen and (max-width: 1365px) {
  .factory-main-status .output-item:not(:first-child) {
    margin-top: 4px;
    margin-top: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status .output-item:not(:first-child) {
    margin-top: 2px;
  }
}

.factory-main-status .output-item .sub {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

@media screen and (max-width: 1365px) {
  .factory-main-status .output-item .sub {
    font-size: 12px;
    font-size: 0.87848vw;
    line-height: 18px;
    line-height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status .output-item .sub {
    font-size: 10px;
    line-height: 14px;
  }
}

.factory-main-status .output-item .blur-text {
  font-size: 18px;
  line-height: 26px;
  color: #ccc;
}

@media screen and (max-width: 1365px) {
  .factory-main-status .output-item .blur-text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-main-status .output-item .blur-text {
    font-size: 14px;
    line-height: 22px;
  }
}

.factory-detail-section {
  padding: 80px 0;
}

@media screen and (max-width: 1365px) {
  .factory-detail-section {
    padding: 80px 0px;
    padding: 5.85652vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-section {
    padding: 40px 0;
  }
}

.factory-detail-section.factory-detail-floor:nth-last-of-type(1) {
  padding-bottom: 200px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-section.factory-detail-floor:nth-last-of-type(1) {
    padding-bottom: 200px;
    padding-bottom: 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-section.factory-detail-floor:nth-last-of-type(1) {
    padding-bottom: 120px;
  }
}

.factory-detail-intro {
  position: relative;
  padding-top: 40px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-intro {
    padding-top: 40px;
    padding-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-intro {
    padding-top: 0;
  }
}

.factory-detail-intro .title-box {
  width: 792px;
  min-height: 224px;
  margin-top: 155px;
  padding-bottom: 160px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
}

.factory-detail-intro .title-box.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 1.2s;
  transition: opacity 0.6s ease-in-out, -webkit-transform 1.2s;
  transition: opacity 0.6s ease-in-out, transform 1.2s;
  transition: opacity 0.6s ease-in-out, transform 1.2s, -webkit-transform 1.2s;
}

@media screen and (max-width: 1365px) {
  .factory-detail-intro .title-box {
    width: 792px;
    width: 57.9795vw;
    min-height: 224px;
    min-height: 16.39824vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-intro .title-box {
    width: 100%;
    min-height: initial;
    margin: 25px 0 0;
    padding: 0 0 25px;
  }
}

.factory-detail-title {
  display: block;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-title {
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 44px;
    line-height: 3.22108vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-title {
    font-size: 28px;
    line-height: 36px;
    color: #191919;
  }
}

.factory-detail-summary {
  margin-top: 28px;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .factory-detail-summary {
    margin-top: 28px;
    margin-top: 2.04978vw;
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 44px;
    line-height: 3.22108vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-summary {
    margin-top: 24px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #757575;
  }
}

.factory-detail-summary .tab-process-detail-header {
  display: none;
}

.factory-detail-summary .tab-process-detail-header.is-show {
  display: block;
}

.factory-detail-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  color: #191919;
}

@media screen and (max-width: 1365px) {
  .factory-detail-name {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-name {
    font-size: 28px;
    line-height: 34px;
  }
}

.factory-detail-name .number {
  margin-right: 10px;
  font-size: 16px;
  line-height: 22px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .factory-detail-name .number {
    margin-right: 10px;
    margin-right: 0.73206vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-name .number {
    margin-right: 6px;
    font-size: 13px;
    line-height: 16px;
  }
}

.factory-detail-desc {
  display: block;
  margin-top: 40px;
  font-size: 56px;
  line-height: 72px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .factory-detail-desc {
    margin-top: 40px;
    margin-top: 2.92826vw;
    font-size: 56px;
    font-size: 4.09956vw;
    line-height: 72px;
    line-height: 5.27086vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-desc {
    margin-top: 20px;
    font-size: 28px;
    line-height: 36px;
  }
}

.factory-detail-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 4;
  margin: 32px -4px 0;
}

@media screen and (max-width: 1365px) {
  .factory-detail-tab {
    margin: 32px -4px 0px;
    margin: 2.34261vw -0.29283vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-tab {
    margin: 28px -4px 0;
  }
}

.factory-detail-tab-item {
  margin: 4px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-tab-item {
    margin: 4px;
    margin: 0.29283vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-tab-item {
    margin: 4px;
  }
}

.factory-detail-tab-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 148px;
  height: 100%;
  padding: 19px 32px 18px 32px;
  border: 1px solid #cfe4ff;
  background: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #757575;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 1366px) {
  .factory-detail-tab-btn:hover {
    color: #0079fa;
    border-color: #0079fa;
  }
}

@media screen and (max-width: 1365px) {
  .factory-detail-tab-btn {
    min-width: 148px;
    min-width: 10.83455vw;
    padding: 19px 32px 18px 32px;
    padding: 1.39092vw 2.34261vw 1.31772vw 2.34261vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-tab-btn {
    min-width: 152px;
    padding: 16px 16px 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
  }
}

.factory-detail-tab-btn[aria-selected="true"] {
  color: #0079fa;
  border-color: #0079fa;
}

.factory-detail-tab-btn::before {
  display: none;
  content: none;
}

.factory-detail-tab-content {
  display: none;
}

.factory-detail-tab-content.is-show {
  display: block;
}

.factory-detail-banner [class*="factory-detail-banner"] {
  z-index: -1;
}

.factory-detail-banner [class*="factory-detail-banner"].is-animate .factory-detail-banner-img {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .factory-detail-banner-type2 .factory-detail-banner-right {
    bottom: 10px;
  }
}

.factory-detail-banner-left {
  position: absolute;
  top: 192px;
  left: -7px;
  width: 480px;
  height: 320px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-banner-left {
    top: 192px;
    top: 14.05564vw;
    left: -7px;
    left: -0.51245vw;
    width: 480px;
    width: 35.13909vw;
    height: 320px;
    height: 23.42606vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-banner-left {
    top: 0;
    left: 0;
    width: 174px;
    height: 116px;
    margin: 30px 0;
  }
}

.factory-detail-banner-right {
  position: absolute;
  bottom: 0;
  right: 230px;
  width: 300px;
  height: 450px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-banner-right {
    right: 0;
    width: 300px;
    width: 21.96193vw;
    height: 450px;
    height: 32.9429vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-banner-right {
    bottom: 105px;
    width: 132px;
    height: 198px;
  }
}

.factory-detail-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translateY(250px);
  transform: translateY(250px);
  opacity: 0;
  -webkit-transition-duration: 3.2s;
  transition-duration: 3.2s;
  -webkit-transition-timing-function: cubic-bezier(0.17, 0.29, 0.06, 0.93);
  transition-timing-function: cubic-bezier(0.17, 0.29, 0.06, 0.93);
  -webkit-transition-delay: calc(var(--i, 0) * 0.1s);
  transition-delay: calc(var(--i, 0) * 0.1s);
}

@media screen and (max-width: 768px) {
  .factory-detail-video {
    padding-bottom: 80px;
  }
}

.factory-detail-video-ratio {
  position: relative;
  margin: 80px 0 120px;
  padding-bottom: 56.167%;
}

@media screen and (max-width: 1365px) {
  .factory-detail-video-ratio {
    margin: 80px 0px 120px;
    margin: 5.85652vw 0vw 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-video-ratio {
    margin-top: 40px;
  }
}

.factory-detail-video-ratio .img, .factory-detail-video-ratio .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.factory-detail-video-ratio .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -1362.24px -657px;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1365px) {
  .factory-detail-video-ratio .btn-play {
    width: 5.12445vw;
    height: 5.12vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -99.72vw -48.1vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-video-ratio .btn-play {
    width: 35px;
    height: 35px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 756.5px 735px;
    background-size: 756.5px 735px;
    background-position: -681.12px -328.5px;
    background-repeat: no-repeat;
  }
}

.factory-detail-video .video {
  display: none;
}

.factory-detail-diagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  max-width: 996px;
  margin: 100px auto 0;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram {
    max-width: 996px;
    max-width: 72.91362vw;
    margin-top: 100px;
    margin-top: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram {
    max-width: 100%;
    margin-top: 40px;
  }
}

.factory-detail-diagram-floor {
  width: 304px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram-floor {
    width: 304px;
    width: 22.25476vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram-floor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram-floor-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.factory-detail-diagram-floor-item:not(:first-child) {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram-floor-item:not(:first-child) {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram-floor-item:not(:first-child) {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram-floor-item:not(:last-child) {
    margin-top: 30px;
  }
}

.factory-detail-diagram-draw {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 80px;
  background: #fff;
  text-align: center;
  min-height: 442px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram-draw {
    margin-left: 80px;
    margin-left: 5.85652vw;
    min-height: 442px;
    min-height: 32.35725vw;
  }
}

.factory-detail-diagram .floor-number {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram .floor-number {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram .floor-number {
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
  }
}

.factory-detail-diagram .floor-detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram .floor-detail-list {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram .floor-detail-list {
    margin-top: 12px;
  }
}

.factory-detail-diagram .floor-detail-item {
  width: calc(50% - 4px);
  margin-bottom: 8px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram .floor-detail-item {
    margin-bottom: 8px;
    margin-bottom: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram .floor-detail-item {
    margin: 0;
  }
}

.factory-detail-diagram .floor-detail-item:nth-child(2n + 2) {
  margin-left: 8px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram .floor-detail-item:nth-child(2n + 2) {
    margin-left: 8px;
    margin-left: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram .floor-detail-item:nth-child(2n + 2) {
    margin-left: 8px;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram .floor-detail-item:nth-child(n+3) {
    margin-top: 8px;
  }
}

.factory-detail-diagram .floor-btn {
  display: block;
  width: 100%;
  min-height: 60px;
  padding: 0 15px;
  border: 1px solid #cfe4ff;
  background: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .factory-detail-diagram .floor-btn {
    min-height: 60px;
    min-height: 4.39239vw;
    padding: 0px 15px;
    padding: 0vw 1.0981vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-diagram .floor-btn {
    min-height: 50px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    padding: 0;
  }
}

.factory-detail-diagram .floor-btn.is-selected {
  color: #0079fa;
  border-color: #0079fa;
}

.factory-detail-floor {
  background: #f8fbff;
}

.factory-detail-floor .note {
  max-width: 996px;
  margin: 18px auto 0;
  text-align: right;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .factory-detail-floor .note {
    max-width: 100%;
    max-width: 996px;
    max-width: 72.91362vw;
    margin-top: 18px;
    margin-top: 1.31772vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-floor .note {
    max-width: 100%;
    margin-top: 24px;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
  }
}

.factory-detail-floor-image {
  display: none;
  position: absolute;
  top: 34px;
  right: 105px;
  width: 407px;
  height: 371px;
}

@media screen and (max-width: 1365px) {
  .factory-detail-floor-image {
    top: 34px;
    top: 2.48902vw;
    right: 105px;
    right: 7.68668vw;
    width: 407px;
    width: 29.79502vw;
    height: 371px;
    height: 27.15959vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-floor-image {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: auto;
    right: auto;
    width: 312px;
    height: auto;
    margin-top: 32px;
    padding: 60px 15px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .factory-detail-floor-image::after {
    position: absolute;
    top: 0;
    z-index: 1;
    width: calc(100vw - 48px);
    height: 100%;
    background: #fff;
    content: '';
  }
}

@media (min-width: 769px) {
  .factory-detail-floor-image.is-show {
    display: block;
  }
}

@media (max-width: 768px) {
  .factory-detail-floor-image.is-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.factory-detail-floor-image .img-floor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .factory-detail-floor-image .img-floor {
    position: relative;
    z-index: 2;
    max-width: 282px;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-floor-image-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 282px;
    height: auto;
  }
}

.factory-detail-floor-image-inner .floor-focus {
  position: absolute;
  z-index: 4;
}

.factory-detail-floor-select {
  display: none;
  position: absolute;
  z-index: 3;
}

.factory-detail-floor-select.is-show {
  display: block;
}

.factory-detail-floor-select img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.factory-detail-floor-select img[aria-hidden="true"] {
  display: none;
}

.factory-detail-floor-select .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .factory-detail-floor-select .text {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-detail-floor-select .text {
    font-size: 12px;
    line-height: 15px;
  }
}

.factory-detail-floor-select .text.text-type2 {
  position: absolute;
  color: #0079fa;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
}

.factory-detail-process .factory-dropdown {
  position: relative;
  margin-top: 30px;
}

.factory-detail-process .factory-dropdown-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 17px 0 17px 16px;
  text-align: left;
  border: 1px solid #212121;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.factory-detail-process .factory-dropdown-btn::after {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 16px 0 auto;
  width: 24px;
  height: 24px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -724.12px -548px;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  content: '';
}

.factory-detail-process .factory-dropdown-btn.is-active::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.factory-detail-process .factory-dropdown-lst {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  z-index: 4;
  overflow-y: auto;
  width: 100%;
  max-height: 232px;
  border: 1px solid #212121;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.factory-detail-process .factory-dropdown-lst.is-show {
  display: block;
}

.factory-detail-process .factory-dropdown-option {
  display: block;
  width: 100%;
  padding: 14px 22px 13px;
  font-size: 16px;
  line-height: 19px;
  color: #212121;
  text-align: left;
}

.factory-detail-process .factory-dropdown-option[aria-selected="true"] {
  background: #ededed;
}

.factory-detail-process .factory-tab-panel {
  display: none;
  margin-top: 30px;
}

.factory-detail-process .factory-detail-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.factory-detail-process .factory-detail-step-number {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  color: #0079fa;
}

.factory-detail-process .factory-detail-step-name {
  margin-top: 10px;
  font-size: 23px;
  font-weight: 700;
  line-height: 28px;
  color: #000;
}

.factory-detail-process .factory-detail-step-info {
  margin-top: 30px;
  font-size: 15px;
  line-height: 19px;
  color: #757575;
}

.factory-detail-process .factory-detail-step-info dt {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #212121;
}

.factory-detail-process .factory-detail-step-info dd {
  margin-top: 10px;
}

.factory-detail-process .factory-detail-step-info dd + dt {
  margin-top: 20px;
}

.factory-detail-process .factory-detail-step-thumb {
  position: relative;
  margin-top: 30px;
  padding-bottom: 96.154%;
}

.factory-detail-process .factory-detail-step-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.factory-product-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .factory-product-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-product-title {
    font-size: 18px;
    line-height: 22px;
  }
}

.factory-product-swiper {
  margin-top: 46px;
}

@media screen and (max-width: 1365px) {
  .factory-product-swiper {
    margin-top: 46px;
    margin-top: 3.3675vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-product-swiper {
    width: 100%;
    margin: 40px 0 0 -24px;
    padding: 0 24px;
  }
}

.factory-product-swiper .swiper-scrollbar {
  position: static;
  width: 100%;
  height: 2px;
  margin-top: 40px;
  border-radius: 0;
  background: #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .factory-product-swiper .swiper-scrollbar {
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-product-swiper .swiper-scrollbar {
    margin-top: 38px;
  }
}

.factory-product-swiper .swiper-scrollbar-drag {
  border-radius: 0;
  background: #212121;
}

.factory-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 364px;
  border: 1px solid #eaeaea;
  background: #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .factory-product-item {
    height: 364px;
    height: 26.64714vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-product-item {
    width: 258px;
    height: 333px;
  }
}

.factory-product-thumb {
  position: relative;
  width: 240px;
  height: 220px;
}

@media screen and (max-width: 1365px) {
  .factory-product-thumb {
    width: 240px;
    width: 17.56955vw;
    height: 220px;
    height: 16.10542vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-product-thumb {
    width: 240px;
    height: 220px;
  }
}

.factory-product-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.factory-product-name {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .factory-product-name {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 20px;
    font-size: 1.46413vw;
    font-weight: 700;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-product-name {
    margin-top: 19px;
    font-size: 17px;
    line-height: 20px;
  }
}

.factory-product-type {
  margin-top: 8px;
  font-size: 17px;
  line-height: 20px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .factory-product-type {
    margin-top: 8px;
    margin-top: 0.58565vw;
    font-size: 17px;
    font-size: 1.24451vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-product-type {
    margin-top: 5px;
    font-size: 15px;
    line-height: 18px;
  }
}

.product-process {
  position: relative;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .product-process {
    padding-bottom: 40px;
  }
}

.product-process::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#eaf4ff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #eaf4ff);
  content: '';
}

@media screen and (max-width: 768px) {
  .product-process::after {
    content: none;
  }
}

.product-process .factory-detail-header {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 54px;
}

@media screen and (max-width: 1365px) {
  .product-process .factory-detail-header {
    max-width: 100%;
    padding: 0 24px;
    padding-top: 54px;
    padding-top: 3.95315vw;
  }
}

@media screen and (max-width: 768px) {
  .product-process .factory-detail-header {
    padding-top: 0;
  }
}

.product-process-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

.product-process .swiper-product-process {
  position: absolute;
  top: 125px;
  left: 62px;
  z-index: 12;
}

@media screen and (max-width: 1365px) {
  .product-process .swiper-product-process {
    top: 125px;
    top: 9.15081vw;
    left: 62px;
    left: 4.5388vw;
  }
}

.product-process .swiper-slide {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  -webkit-transition: font-size 0.2s;
  transition: font-size 0.2s;
  font-size: 18px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .product-process .swiper-slide {
    padding: 10px;
    padding: 0.73206vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

.product-process .swiper-slide .text {
  color: #ccc;
}

.product-process .swiper-slide-active {
  font-size: 24px;
}

@media screen and (max-width: 1365px) {
  .product-process .swiper-slide-active {
    font-size: 24px;
    font-size: 1.75695vw;
  }
}

.product-process .swiper-slide-active .text {
  color: #212121;
}

.product-process .swiper .swiper-slide-prev,
.product-process .swiper .swiper-slide-active,
.product-process .swiper .swiper-slide-next {
  pointer-events: initial;
}

.product-process-name-item .text {
  display: inline-block;
  padding: 7px 0;
  font-size: 16px;
  line-height: 19px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .product-process-name-item .text {
    padding: 7px 0px;
    padding: 0.51245vw 0vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

.product-process-name-item.active .text {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .product-process-name-item.active .text {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

.product-process-name-item.active .text::before {
  position: absolute;
  top: 50%;
  left: -14px;
  width: 6px;
  height: 6px;
  background: #0079fa;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}

@media screen and (max-width: 1365px) {
  .product-process-name-item.active .text::before {
    left: -14px;
    left: -1.02489vw;
    width: 6px;
    width: 0.43924vw;
    height: 6px;
    height: 0.43924vw;
  }
}

.product-process-type2 .product-process-image {
  margin-top: -236px;
}

@media screen and (max-width: 1365px) {
  .product-process-type2 .product-process-image {
    margin-top: -236px;
    margin-top: -17.27672vw;
  }
}

.product-process-type2 .product-process-name {
  top: 60px;
}

@media screen and (max-width: 1365px) {
  .product-process-type2 .product-process-name {
    top: 60px;
    top: 4.39239vw;
  }
}

.product-process-type2 .product-process-info {
  top: 8.8%;
}

.product-process-image {
  position: relative;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 1308px;
  height: 996px;
  margin-top: -98px;
}

@media screen and (max-width: 1365px) {
  .product-process-image {
    width: 1308px;
    width: 95.75403vw;
    height: 996px;
    height: 72.91362vw;
    margin-top: -98px;
    margin-top: -7.17423vw;
  }
}

.product-process-image::before, .product-process-image::after {
  display: block;
  position: absolute;
  z-index: -1;
  width: 130px;
  height: 120px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -620px -478px;
  background-repeat: no-repeat;
  content: '';
}

@media screen and (max-width: 1365px) {
  .product-process-image::before, .product-process-image::after {
    width: 9.51684vw;
    height: 8.78vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -45.39vw -34.99vw;
    background-repeat: no-repeat;
  }
}

.product-process-image::before {
  bottom: 124px;
  left: 250px;
}

@media screen and (max-width: 1365px) {
  .product-process-image::before {
    bottom: 124px;
    bottom: 9.0776vw;
    left: 250px;
    left: 18.30161vw;
  }
}

.product-process-image:after {
  top: 138px;
  right: 250px;
}

@media screen and (max-width: 1365px) {
  .product-process-image:after {
    top: 138px;
    top: 10.10249vw;
    right: 250px;
    right: 18.30161vw;
  }
}

.product-process-image-item {
  position: absolute;
  top: 182px;
  left: 396px;
  width: 234px;
  height: 286px;
  cursor: pointer;
  -webkit-transform: translate(-280%, 260%);
  transform: translate(-280%, 260%);
}

.product-process-image-item.is-default {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.product-process-image-item.has-transition {
  -webkit-transition: 0.65s;
  transition: 0.65s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 0;
}

.product-process-image-item.has-transition .image-slide-next,
.product-process-image-item.has-transition .image-slide-prev,
.product-process-image-item.has-transition .image-slide-active {
  opacity: 1;
}

@media screen and (max-width: 1365px) {
  .product-process-image-item {
    top: 182px;
    top: 13.32357vw;
    left: 396px;
    left: 28.98975vw;
    width: 588px;
    width: 43.04539vw;
    height: 720px;
    height: 52.70864vw;
  }
}

.product-process-image-item.image-slide-active {
  width: 516px;
  height: 632px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media screen and (max-width: 1365px) {
  .product-process-image-item.image-slide-active {
    width: 516px;
    width: 37.77452vw;
    height: 632px;
    height: 46.26647vw;
  }
}

.product-process-image-item.image-slide-prev {
  -webkit-transform: translate(-169%, 185%);
  transform: translate(-169%, 185%);
}

.product-process-image-item.image-slide-next {
  -webkit-transform: translate(289.5%, -63.5%);
  transform: translate(289.5%, -63.5%);
}

.product-process-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-process-image .image-slide-next,
.product-process-image .image-slide-prev,
.product-process-image .image-slide-active {
  visibility: visible;
  opacity: 1;
}

.product-process-image .image-slide-active {
  z-index: 10;
}

.product-process-image .image-slide-next, .product-process-image .image-slide-prev {
  width: 234px;
  height: 286px;
}

@media screen and (max-width: 1365px) {
  .product-process-image .image-slide-next, .product-process-image .image-slide-prev {
    width: 234px;
    width: 17.13031vw;
    height: 286px;
    height: 20.93704vw;
  }
}

.product-process-image .image-slide-active ~ .product-process-image-item {
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.product-process-image .image-slide-active ~ .product-process-image-item:not(.image-slide-next) {
  -webkit-transform: translate(428%, -105%);
  transform: translate(428%, -105%);
}

.product-process-info {
  position: absolute;
  top: 14.7%;
  left: 18.7%;
  z-index: 12;
}

.product-process-info-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.product-process-info-item.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}

.product-process-info-item.is-active .animate {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.product-process-info .animate {
  display: block;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -webkit-transition: opacity .6s, -webkit-transform .4s;
  transition: opacity .6s, -webkit-transform .4s;
  transition: transform .4s, opacity .6s;
  transition: transform .4s, opacity .6s, -webkit-transform .4s;
  -webkit-transition-delay: calc(var(--i, 1) * 0.1s);
  transition-delay: calc(var(--i, 1) * 0.1s);
}

.product-process-info .info-number {
  display: block;
  overflow: hidden;
  color: #0079fa;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .product-process-info .info-number {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

.product-process-info .info-name {
  display: block;
  margin-top: 11px;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  overflow: hidden;
}

@media screen and (max-width: 1365px) {
  .product-process-info .info-name {
    margin-top: 11px;
    margin-top: 0.80527vw;
    font-size: 40px;
    font-size: 2.92826vw;
    line-height: 48px;
    line-height: 3.51391vw;
  }
}

.product-process-info .info-detail {
  margin-top: 47px;
}

@media screen and (max-width: 1365px) {
  .product-process-info .info-detail {
    margin-top: 47px;
    margin-top: 3.4407vw;
  }
}

.product-process-info .info-detail dt {
  overflow: hidden;
  margin-top: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.22px;
}

@media screen and (max-width: 1365px) {
  .product-process-info .info-detail dt {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

.product-process-info .info-detail dd {
  overflow: hidden;
  margin-top: 10px;
  font-size: 20px;
  line-height: 28px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .product-process-info .info-detail dd {
    margin-top: 10px;
    margin-top: 0.73206vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

.product-process-info .info-detail dd + dt {
  margin-top: 38px;
}

@media screen and (max-width: 1365px) {
  .product-process-info .info-detail dd + dt {
    margin-top: 38px;
    margin-top: 2.78184vw;
  }
}

.product-process-info .info-detail-text {
  font-size: 20px;
  line-height: 28px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .product-process-info .info-detail-text {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor1-1 {
  bottom: 54px;
  right: 0;
  width: 277px;
  height: 213px;
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor1-1 {
    bottom: 54px;
    bottom: 3.95315vw;
    width: 277px;
    width: 20.27818vw;
    height: 213px;
    height: 15.59297vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor1-1 {
    bottom: 38px;
    right: 0px;
    width: 191px;
    height: 148px;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor1-2 {
  bottom: 54px;
  left: 0;
  width: 131px;
  height: 317px;
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor1-2 {
    bottom: 54px;
    bottom: 3.95315vw;
    width: 131px;
    width: 9.59004vw;
    height: 317px;
    height: 23.20644vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor1-2 {
    bottom: 39px;
    right: 0px;
    width: 91px;
    height: 219px;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor2-1 {
  bottom: 54px;
  right: 0;
  width: 277px;
  height: 213px;
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor2-1 {
    bottom: 54px;
    bottom: 3.95315vw;
    width: 277px;
    width: 20.27818vw;
    height: 213px;
    height: 15.59297vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor2-1 {
    bottom: 38px;
    right: 0;
    width: 191px;
    height: 148px;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor3-1 {
  bottom: 68px;
  right: 174px;
  width: 55px;
  height: 45px;
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-1 {
    bottom: 68px;
    bottom: 4.97804vw;
    right: 174px;
    right: 12.73792vw;
    width: 55px;
    width: 4.02635vw;
    height: 45px;
    height: 3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-1 {
    bottom: 64px;
    right: 114px;
    width: 51px;
    height: 42px;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor3-1 .text-type2 {
  top: -25px;
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-1 .text-type2 {
    top: -25px;
    top: -1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-1 .text-type2 {
    top: -22px;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor3-2 {
  bottom: 28px;
  right: 130px;
  width: 44px;
  height: 40px;
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-2 {
    bottom: 28px;
    bottom: 2.04978vw;
    right: 130px;
    right: 9.51684vw;
    width: 44px;
    width: 3.22108vw;
    height: 40px;
    height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-2 {
    bottom: 25px;
    right: 71px;
    width: 43px;
    height: 39px;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor3-2 .text-type2 {
  top: calc(100% + 5px);
}

.factory-dangjin .factory-detail-floor-image-inner .floor3-3 {
  bottom: 67px;
  right: 130px;
  width: 25px;
  height: 45px;
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-3 {
    bottom: 67px;
    bottom: 4.90483vw;
    right: 130px;
    right: 9.51684vw;
    width: 25px;
    width: 1.83016vw;
    height: 45px;
    height: 3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-3 {
    bottom: 65px;
    right: 71px;
    width: 24px;
    height: 42px;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor3-3 .text-type2 {
  top: -25px;
  left: auto;
  right: -42px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-3 .text-type2 {
    top: -25px;
    top: -1.83016vw;
    right: -42px;
    right: -3.07467vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-3 .text-type2 {
    top: -2px;
    right: -31px;
    left: auto;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor3-4 {
  bottom: 45px;
  right: 114px;
  width: 16px;
  height: 18px;
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-4 {
    bottom: 45px;
    bottom: 3.29429vw;
    right: 114px;
    right: 8.34553vw;
    width: 16px;
    width: 1.1713vw;
    height: 18px;
    height: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-4 {
    bottom: 42px;
    right: 56px;
    width: 16px;
    height: 17px;
  }
}

.factory-dangjin .factory-detail-floor-image-inner .floor3-4 .text-type2 {
  top: -25px;
  left: 30px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 1365px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-4 .text-type2 {
    top: -25px;
    top: -1.83016vw;
    left: 30px;
    left: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-dangjin .factory-detail-floor-image-inner .floor3-4 .text-type2 {
    top: -17px;
    left: 20px;
  }
}

.factory-cheonan .factory-detail-floor-select[class*='floor1-'] .text-type2 {
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.factory-cheonan .factory-detail-floor-image-inner .floor1-1 {
  top: 48px;
  left: 35px;
  width: 184px;
  height: 58px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-1 {
    top: 48px;
    top: 3.51391vw;
    left: 35px;
    left: 2.56223vw;
    width: 184px;
    width: 13.46999vw;
    height: 58px;
    height: 4.24597vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-1 {
    top: 18px;
    left: 18px;
    width: 101px;
    height: 34px;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor1-1 .text-type2 {
  padding-right: 30px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-1 .text-type2 {
    padding-right: 30px;
    padding-right: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-1 .text-type2 {
    font-size: 11px;
    padding-right: 20px;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor1-2 {
  bottom: 29px;
  left: 26px;
  width: 144px;
  height: 210px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-2 {
    bottom: 29px;
    bottom: 2.12299vw;
    left: 26px;
    left: 1.90337vw;
    width: 144px;
    width: 10.54173vw;
    height: 210px;
    height: 15.37335vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-2 {
    bottom: 8px;
    left: 14px;
    width: 78px;
    height: 114px;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor1-2 .text-type2 {
  padding-left: 12px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-2 .text-type2 {
    padding-left: 12px;
    padding-left: 0.87848vw;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor1-3 {
  bottom: 29px;
  left: 188px;
  width: 106px;
  height: 185px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-3 {
    bottom: 29px;
    bottom: 2.12299vw;
    left: 188px;
    left: 13.76281vw;
    width: 106px;
    width: 7.75988vw;
    height: 185px;
    height: 13.54319vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-3 {
    bottom: 7px;
    left: 102px;
    width: 59px;
    height: 101px;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor1-4 {
  bottom: 88px;
  right: 39px;
  width: 170px;
  height: 90px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-4 {
    bottom: 88px;
    bottom: 6.44217vw;
    right: 39px;
    right: 2.85505vw;
    width: 170px;
    width: 12.4451vw;
    height: 90px;
    height: 6.58858vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor1-4 {
    bottom: 40px;
    right: 21px;
    width: 92px;
    height: 49px;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor3-1 {
  bottom: 119px;
  right: 140px;
  width: 108px;
  height: 74px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor3-1 {
    bottom: 119px;
    bottom: 8.71157vw;
    right: 140px;
    right: 10.2489vw;
    width: 108px;
    width: 7.9063vw;
    height: 74px;
    height: 5.41728vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor3-1 {
    bottom: 74px;
    right: 40px;
    width: 92px;
    height: 63px;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor3-1 .text {
  left: calc(100% + 10px);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor3-1 .text {
    left: calc(100% + 0.73206vw);
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor3-1 .text {
    left: auto;
    right: 90%;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor3-2 {
  bottom: 43px;
  right: 140px;
  width: 108px;
  height: 74px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor3-2 {
    bottom: 43px;
    bottom: 3.14788vw;
    right: 140px;
    right: 10.2489vw;
    width: 108px;
    width: 7.9063vw;
    height: 74px;
    height: 5.41728vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor3-2 {
    bottom: 9px;
    right: 40px;
    width: 92px;
    height: 63px;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor3-2 .text {
  left: calc(100% + 19px);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor3-2 .text {
    left: calc(100% + 1.3909vw);
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor3-2 .text {
    left: auto;
    right: 100%;
  }
}

.factory-cheonan .factory-detail-floor-image-inner .floor4-1 {
  right: 256px;
  bottom: 129px;
  width: 84px;
  height: 163px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor4-1 {
    right: 256px;
    right: 18.74085vw;
    bottom: 129px;
    bottom: 9.44363vw;
    width: 84px;
    width: 6.14934vw;
    height: 163px;
    height: 11.93265vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image-inner .floor4-1 {
    bottom: 93px;
    right: 130px;
    width: 62px;
    height: 120px;
  }
}

.factory-cheonan .factory-detail-floor-image {
  top: 36px;
  right: 47px;
  width: 518px;
  height: 370px;
}

@media screen and (max-width: 1365px) {
  .factory-cheonan .factory-detail-floor-image {
    top: 36px;
    top: 2.63543vw;
    right: 47px;
    right: 3.4407vw;
    width: 518px;
    width: 37.92094vw;
    height: 370px;
    height: 27.08638vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-cheonan .factory-detail-floor-image {
    top: auto;
    right: auto;
    width: 312px;
    height: auto;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor2-1 {
  top: 88px;
  left: 72px;
  width: 74px;
  height: 80px;
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-1 {
    top: 88px;
    top: 6.44217vw;
    left: 72px;
    left: 5.27086vw;
    width: 74px;
    width: 5.41728vw;
    height: 80px;
    height: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-1 {
    top: 66px;
    left: 49px;
    width: 55px;
    height: 59px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor2-1 .text-type2 {
  top: 15px;
  left: -69px;
  -webkit-transform: translate(0);
  transform: translate(0);
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-1 .text-type2 {
    top: 15px;
    top: 1.0981vw;
    left: -69px;
    left: -5.05124vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-1 .text-type2 {
    top: 10px;
    left: -50px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor2-2 {
  top: 188px;
  left: 82px;
  width: 150px;
  height: 26px;
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-2 {
    top: 188px;
    top: 13.76281vw;
    left: 82px;
    left: 6.00293vw;
    width: 150px;
    width: 10.98097vw;
    height: 26px;
    height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-2 {
    top: 140px;
    left: 56px;
    width: 111px;
    height: 19px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor2-2 .text-type2 {
  top: -30px;
  right: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-2 .text-type2 {
    top: -30px;
    top: -2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-2 .text-type2 {
    top: -20px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor2-3 {
  top: 218px;
  left: 82px;
  width: 150px;
  height: 26px;
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-3 {
    top: 218px;
    top: 15.959vw;
    left: 82px;
    left: 6.00293vw;
    width: 150px;
    width: 10.98097vw;
    height: 26px;
    height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-3 {
    top: 162px;
    left: 56px;
    width: 111px;
    height: 19px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor2-3 .text-type2 {
  top: 0;
  right: -80px;
  -webkit-transform: translateX(30%);
  transform: translateX(30%);
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-3 .text-type2 {
    right: -80px;
    right: -5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-3 .text-type2 {
    top: 0;
    right: -56px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor2-4 {
  bottom: 52px;
  left: 12px;
  width: 176px;
  height: 50px;
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-4 {
    bottom: 52px;
    bottom: 3.80673vw;
    left: 12px;
    left: 0.87848vw;
    width: 176px;
    width: 12.88433vw;
    height: 50px;
    height: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-4 {
    bottom: 40px;
    left: 4px;
    width: 131px;
    height: 37px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor2-4 .text-type2 {
  top: 62px;
  -webkit-transform: translate(-44%, 0);
  transform: translate(-44%, 0);
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-4 .text-type2 {
    top: 62px;
    top: 4.5388vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor2-4 .text-type2 {
    top: 48px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor3-1 {
  right: 0;
  bottom: 122px;
  width: 48px;
  height: 128px;
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor3-1 {
    bottom: 122px;
    bottom: 8.93119vw;
    width: 48px;
    width: 3.51391vw;
    height: 128px;
    height: 9.37042vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor3-1 {
    bottom: 86px;
    right: 0px;
    width: 34px;
    height: 92px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor3-1 .text-type2 {
  left: -60px;
  -webkit-transform: translate(0, -60%);
  transform: translate(0, -60%);
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor3-1 .text-type2 {
    left: -60px;
    left: -4.39239vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor3-1 .text-type2 {
    left: -40px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor3-2 {
  right: 200px;
  bottom: 0;
  width: 168px;
  height: 54px;
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor3-2 {
    right: 200px;
    right: 14.64129vw;
    width: 168px;
    width: 12.29868vw;
    height: 54px;
    height: 3.95315vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor3-2 {
    bottom: 1px;
    left: 19px;
    right: auto;
    width: 120px;
    height: 39px;
  }
}

.factory-icheon .factory-detail-floor-image-inner .floor3-2 .text-type2 {
  top: -45px;
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image-inner .floor3-2 .text-type2 {
    top: -45px;
    top: -3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image-inner .floor3-2 .text-type2 {
    top: auto;
    left: 50%;
    bottom: calc(100% + 10px);
  }
}

.factory-icheon .factory-detail-floor-image {
  top: 36px;
  right: 109px;
  width: 394px;
  height: 370px;
}

@media screen and (max-width: 1365px) {
  .factory-icheon .factory-detail-floor-image {
    top: 36px;
    top: 2.63543vw;
    right: 109px;
    right: 7.9795vw;
    width: 394px;
    width: 28.84334vw;
    height: 370px;
    height: 27.08638vw;
  }
}

@media screen and (max-width: 768px) {
  .factory-icheon .factory-detail-floor-image {
    top: auto;
    right: auto;
    width: 312px;
    height: auto;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

html:lang(en) .factory-detail-diagram .floor-btn {
  padding: 0 5px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .factory-detail-diagram .floor-btn {
    padding: 0px 5px;
    padding: 0vw 0.36603vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .factory-detail-diagram .floor-btn {
    padding: 0 5px;
  }
}

html:lang(en) .factory-detail-floor-select .text {
  font-size: 15px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .factory-detail-floor-select .text {
    font-size: 15px;
    font-size: 1.0981vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .factory-detail-floor-select .text {
    font-size: 12px;
  }
}

html:lang(en) .factory-cheonan .factory-detail-floor-image-inner .floor1-3 .text-type2 {
  padding-left: 0;
}

html:lang(en) .factory-icheon .factory-detail-floor-image-inner .floor3-1 .text-type2 {
  left: -90px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .factory-icheon .factory-detail-floor-image-inner .floor3-1 .text-type2 {
    left: -90px;
    left: -6.58858vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .factory-icheon .factory-detail-floor-image-inner .floor3-1 .text-type2 {
    left: -70px;
  }
}

html:lang(en) .indicator-output .note {
  margin-left: 54px;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output .note {
    margin-left: 54px;
    margin-left: 3.95315vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

html:lang(en) .indicator-output-type2 .indicator-output-title {
  min-height: auto;
}

html:lang(en) .indicator-output-type2 .indicator-output-content {
  min-height: 184px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output-type2 .indicator-output-content {
    min-height: 184px;
    min-height: 13.46999vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .indicator-output-type2 .indicator-output-content {
    min-height: auto;
  }
}

html:lang(en) .indicator-output-type3 .indicator-output-title {
  min-height: auto;
}

html:lang(en) .indicator-output-type3 .indicator-output-content {
  min-height: 150px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output-type3 .indicator-output-content {
    min-height: 150px;
    min-height: 10.98097vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .indicator-output-type3 .indicator-output-content {
    min-height: auto;
  }
}

html:lang(en) .indicator-output-content {
  min-height: 172px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output-content {
    min-height: 172px;
    min-height: 12.59151vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .indicator-output-content {
    min-height: auto;
  }
}

html:lang(en) .indicator-output-content-type2 .indicator-output-info {
  margin-top: 20px;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output-content-type2 .indicator-output-info {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 34px;
    font-size: 2.48902vw;
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .indicator-output-content-type2 .indicator-output-info {
    margin-top: 10px;
    font-size: 23px;
    line-height: 28px;
  }
}

html:lang(en) .indicator-output-title {
  min-height: 70px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output-title {
    min-height: 70px;
    min-height: 5.12445vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .indicator-output-title {
    min-height: auto;
  }
}

html:lang(en) .indicator-output-info {
  display: block;
  margin-top: 35px;
  line-height: 32px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output-info {
    margin-top: 35px;
    margin-top: 2.56223vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .indicator-output-info {
    margin-top: 20px;
    line-height: 16px;
  }
}

html:lang(en) .indicator-output-info .num {
  display: inline-block;
}

html:lang(en) .indicator-output-info .unit {
  display: inline;
  margin-top: 8px;
  line-height: 32px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output-info .unit {
    margin-top: 8px;
    margin-top: 0.58565vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .indicator-output-info .unit {
    margin-top: 10px;
    line-height: 16px;
  }
}

html:lang(en) .indicator-output-info .unit .sub {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  html:lang(en) .indicator-output-info .unit .sub {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  html:lang(en) .indicator-output-info .unit .sub {
    font-size: 12px;
    line-height: 17px;
  }
}

.section-recruit {
  overflow: hidden;
  position: relative;
  padding: 160px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-recruit {
    padding: 160px 0px 200px;
    padding: 11.71303vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-recruit {
    padding: 78px 0 120px;
  }
}

.section-recruit.recruit-story {
  overflow: hidden;
  margin-top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8fbff));
  background-image: linear-gradient(to bottom, #fff, #f8fbff);
}

@media screen and (max-width: 1365px) {
  .section-recruit.recruit-story .container {
    padding-top: 160px;
    padding-top: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .section-recruit.recruit-story .container {
    padding-top: 80px;
  }
}

.section-recruit .container {
  max-width: 996px;
}

@media screen and (max-width: 1365px) {
  .section-recruit .container {
    max-width: 996px;
    max-width: 72.91362vw;
  }
}

@media screen and (max-width: 768px) {
  .section-recruit .container {
    max-width: 100%;
  }
}

.section-recruit .recruit-content-area.type2 .tab-recruit-child:first-child {
  margin-top: 48px;
}

@media screen and (max-width: 1365px) {
  .section-recruit .recruit-content-area.type2 .tab-recruit-child:first-child {
    margin-top: 48px;
    margin-top: 3.51391vw;
  }
}

@media screen and (max-width: 768px) {
  .section-recruit .recruit-content-area.type2 .tab-recruit-child:first-child {
    margin-top: 40px;
  }
}

.section-recruit .recruit-content-title {
  display: block;
  position: relative;
  z-index: 2;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

@media screen and (max-width: 1365px) {
  .section-recruit .recruit-content-title {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .section-recruit .recruit-content-title {
    color: #191919;
    font-size: 28px;
    line-height: 36px;
  }
}

.section-recruit .recruit-content-text {
  position: relative;
  z-index: 2;
  margin-top: 30px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .section-recruit .recruit-content-text {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .section-recruit .recruit-content-text {
    margin-top: 30px;
    font-size: 15px;
    line-height: 21px;
  }
}

.section-recruit .recruit-content-text.type2 {
  letter-spacing: -0.18px;
}

.section-recruit .recruit-content-text .link {
  color: #212121;
  text-decoration: underline;
}

.recruit-tabs {
  position: absolute;
  top: 160px;
  left: 40px;
  z-index: 10;
  width: 268px;
}

@media (max-width: 1600px) {
  .recruit-tabs {
    display: none;
  }
}

@media screen and (max-width: 1365px) {
  .recruit-tabs {
    left: 40px;
    left: 2.92826vw;
    width: 268px;
    width: 19.61933vw;
  }
}

.recruit-tabs.is-fixed {
  position: fixed;
}

.recruit-item:not(:first-child) {
  margin-top: 16px;
}

@media screen and (max-width: 1365px) {
  .recruit-item:not(:first-child) {
    margin-top: 16px;
    margin-top: 1.1713vw;
  }
}

.recruit-item.is-active .btn-tab, .recruit-item:hover .btn-tab {
  font-weight: 700;
  color: #0079fa;
}

.recruit-item.is-active .btn-tab::before, .recruit-item:hover .btn-tab::before {
  opacity: 1;
}

.recruit .btn-tab {
  display: inline-block;
  position: relative;
  color: #ccc;
  letter-spacing: -0.16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

@media screen and (max-width: 1365px) {
  .recruit .btn-tab {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
    letter-spacing: -0.16px;
    letter-spacing: -0.01171vw;
  }
}

.recruit .btn-tab:before {
  position: absolute;
  top: 8px;
  left: -12px;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #0079fa;
  opacity: 0;
  content: '';
}

@media screen and (max-width: 1365px) {
  .recruit .btn-tab:before {
    top: 8px;
    top: 0.58565vw;
    left: -12px;
    left: -0.87848vw;
    width: 4px;
    width: 0.29283vw;
    height: 4px;
    height: 0.29283vw;
    border-radius: 4px;
    border-radius: 0.29283vw;
  }
}

.tab-recruit-content + .tab-recruit-content {
  margin-top: 120px;
}

@media screen and (max-width: 1365px) {
  .tab-recruit-content + .tab-recruit-content {
    margin-top: 120px;
    margin-top: 8.78477vw;
  }
}

@media screen and (max-width: 768px) {
  .tab-recruit-content + .tab-recruit-content {
    margin-top: 70px;
  }
}

.recruit-select {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  padding-top: 65px;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.5s;
  transition: opacity 0.2s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.2s;
  transition: transform 0.5s, opacity 0.2s, -webkit-transform 0.5s;
  pointer-events: none;
}

.recruit-select .select-wrap {
  position: relative;
}

.recruit-select .select-wrap.is-selecting .selected-cur:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.recruit-select .select-wrap.is-selecting .select-inner {
  display: block;
}

.recruit-select .select-wrap.is-selecting + .select-dim {
  display: block;
}

.recruit-select .selected-cur {
  display: block;
  position: relative;
  width: 100%;
  padding: 16px 60px 15px 24px;
  border-bottom: 1px solid #0379fa;
  background-color: #fff;
  color: #212121;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

.recruit-select .selected-cur:before {
  right: 14px;
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 756.5px 735px;
  background-size: 756.5px 735px;
  background-position: -354px -617px;
  background-repeat: no-repeat;
}

.recruit-select .select-inner {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  padding: 13px 0;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
  .recruit-select .select-inner {
    white-space: initial;
  }
}

.recruit-select .select-item.is-selected .btn-selected {
  color: #0079fa;
}

.recruit-select .select-item .btn-selected {
  width: 100%;
  padding: 10px 24px;
  color: #757575;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

.recruit-select .select-child-item.is-selected .btn-selected-child {
  color: #0079fa;
}

.recruit-select .select-child-item .btn-selected-child {
  width: 100%;
  padding: 10px 24px 10px 35px;
  color: #757575;
  text-align: left;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.recruit-select .select-dim {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.recruit-job-introduction .tab-recruit-content:not(:first-child) {
  margin-top: 30px;
}

@media screen and (max-width: 1365px) {
  .recruit-job-introduction .tab-recruit-content:not(:first-child) {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-job-introduction .tab-recruit-content:not(:first-child) {
    margin-top: 19px;
  }
}

.recruit-job-introduction .recruitment-announcement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 80px;
  padding: 59px;
  border: 1px solid #0079fa;
  background-color: #f8fbff;
}

@media screen and (max-width: 1365px) {
  .recruit-job-introduction .recruitment-announcement {
    margin-top: 80px;
    margin-top: 5.85652vw;
    padding: 59px;
    padding: 4.31918vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-job-introduction .recruitment-announcement {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 39px;
    padding: 27px 28px;
    border-width: 2px;
  }
}

.recruit-job-introduction .recruitment-announcement-content {
  max-width: 339px;
}

@media screen and (max-width: 1365px) {
  .recruit-job-introduction .recruitment-announcement-content {
    max-width: 339px;
    max-width: 24.81698vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-job-introduction .recruitment-announcement-content {
    max-width: 185px;
  }
}

.recruit-job-introduction .recruitment-announcement-text {
  display: block;
  color: #000;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}

@media screen and (max-width: 1365px) {
  .recruit-job-introduction .recruitment-announcement-text {
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 34px;
    line-height: 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-job-introduction .recruitment-announcement-text {
    font-size: 20px;
    line-height: 28px;
  }
}

.recruit-job-introduction .recruitment-announcement-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  color: #212121;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

@media screen and (max-width: 1365px) {
  .recruit-job-introduction .recruitment-announcement-link {
    margin-top: 30px;
    margin-top: 2.19619vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-job-introduction .recruitment-announcement-link {
    margin-top: 19px;
    color: #000;
    font-size: 15px;
    line-height: 19px;
  }
}

.recruit-job-introduction .recruitment-announcement-link .icon {
  margin-left: 6px;
  width: 20px;
  height: 20px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1681.11111px 1633.33333px;
  background-size: 1681.11111px 1633.33333px;
  background-position: -775.55556px -1602.22222px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .recruit-job-introduction .recruitment-announcement-link .icon {
    margin-left: 6px;
    margin-left: 0.43924vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-job-introduction .recruitment-announcement-link .icon {
    margin-left: 8px;
  }
}

.recruit-job-introduction .recruitment-announcement-logo {
  width: 158px;
  height: 110px;
}

@media screen and (max-width: 1365px) {
  .recruit-job-introduction .recruitment-announcement-logo {
    width: 158px;
    width: 11.56662vw;
    height: 110px;
    height: 8.05271vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-job-introduction .recruitment-announcement-logo {
    width: 150px;
    height: 104px;
    margin: 41px 0 0 auto;
  }
}

.recruit-job-introduction .recruitment-announcement-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.job-introduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 45px;
  border: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .job-introduction {
    padding: 45px;
    padding: 3.29429vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction {
    display: block;
    padding: 30px 23px;
  }
}

.job-introduction-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 260px);
}

@media screen and (max-width: 1365px) {
  .job-introduction-content {
    width: calc(100% - 19.034vw);
  }
}

@media screen and (max-width: 768px) {
  .job-introduction-content {
    width: 100%;
  }
}

.job-introduction .department-name {
  display: block;
  color: #0079fa;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .job-introduction .department-name {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction .department-name {
    font-size: 16px;
    line-height: 19px;
  }
}

.job-introduction-title {
  display: block;
  margin-top: 27px;
  color: #212121;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .job-introduction-title {
    margin-top: 27px;
    margin-top: 1.97657vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction-title {
    margin-top: 14px;
    color: #191919;
    font-size: 23px;
    font-weight: 700;
    line-height: 31px;
  }
}

.job-introduction-detail {
  margin-top: 24px;
}

@media screen and (max-width: 1365px) {
  .job-introduction-detail {
    margin-top: 24px;
    margin-top: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction-detail {
    margin-top: 27px;
  }
}

.job-introduction-detail .text {
  position: relative;
  margin-top: 7px;
  padding-left: 8px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .job-introduction-detail .text {
    margin-top: 7px;
    margin-top: 0.51245vw;
    padding-left: 8px;
    padding-left: 0.58565vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction-detail .text {
    margin-top: 10px;
    padding: 0 4px 0 6px;
    font-size: 15px;
    line-height: 21px;
  }
}

.job-introduction-detail .text::before {
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #757575;
  content: '';
}

@media screen and (max-width: 1365px) {
  .job-introduction-detail .text::before {
    top: 10px;
    top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction-detail .text::before {
    top: 8px;
    background-color: #0079fa;
  }
}

.job-introduction-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 444px;
  margin-top: 37px;
  gap: 12px;
}

@media screen and (max-width: 1365px) {
  .job-introduction-btn {
    gap: 12px;
    gap: 0.87848vw;
    width: 444px;
    width: 32.50366vw;
    margin-top: 40px;
    margin-top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction-btn {
    width: 100%;
    margin-top: 27px;
    gap: 8px;
  }
}

.job-introduction-btn .btn-detail {
  min-width: 140px;
  padding: 17px 18px;
  border: 1px solid #0079fa;
  color: #0079fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

@media screen and (min-width: 1366px) {
  .job-introduction-btn .btn-detail:hover {
    border-color: #fff;
    background-color: #0079fa;
    color: #fff;
  }
}

@media screen and (max-width: 1365px) {
  .job-introduction-btn .btn-detail {
    min-width: 140px;
    min-width: 10.2489vw;
    padding: 18px;
    padding: 1.31772vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 20px;
    line-height: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction-btn .btn-detail {
    min-width: 128px;
    padding: 20px 15px 19px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
  }
}

.job-introduction-img {
  position: relative;
  width: 236px;
  margin-left: 24px;
  padding-top: 29.2%;
}

@media screen and (max-width: 1365px) {
  .job-introduction-img {
    margin-left: 24px;
    margin-left: 1.75695vw;
    width: 236px;
    width: 17.27672vw;
  }
}

@media screen and (max-width: 768px) {
  .job-introduction-img {
    width: 100%;
    margin: 30px 0 0;
    padding-top: 94.7%;
  }
}

.job-introduction-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.recruit-story-title {
  display: block;
  color: #0079fa;
  letter-spacing: -0.32px;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-title {
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 39px;
    line-height: 2.85505vw;
    letter-spacing: -0.32px;
    letter-spacing: -0.02343vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-title {
    letter-spacing: -0.27px;
    font-size: 27px;
    line-height: 32px;
  }
}

.recruit-card-list {
  padding: 40px 0 34px;
}

@media screen and (max-width: 1365px) {
  .recruit-card-list {
    padding: 40px 0px 34px;
    padding: 2.92826vw 0vw 2.48902vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-card-list {
    padding: 18px 0 32px;
  }
}

.recruit-card-item {
  position: relative;
  border: 1px solid #cfe4ff;
  border-radius: 10px;
  background-color: #fff;
  background-image: url(/img/svg/bg_recruit_story-987bd342c5aae782bd4bffaad3516d74.svg);
  background-position: bottom;
  -webkit-background-origin: border-box;
  background-origin: border-box;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .recruit-card-item {
    border-radius: 10px;
    border-radius: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-card-item {
    width: 292px;
    border-radius: 10px;
  }
}

.recruit-card-item .icon-seemore {
  position: absolute;
  bottom: 30px;
  left: 36px;
}

@media screen and (max-width: 1365px) {
  .recruit-card-item .icon-seemore {
    bottom: 30px;
    bottom: 2.19619vw;
    left: 36px;
    left: 2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-card-item .icon-seemore {
    bottom: 29px;
    left: 29px;
  }
}

.recruit-card-link {
  display: block;
  padding: 34px 35px 126px;
}

@media screen and (max-width: 1365px) {
  .recruit-card-link {
    padding: 34px 35px 126px;
    padding: 2.48902vw 2.56223vw 9.22401vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-card-link {
    padding: 30px 30px 116px;
  }
}

.recruit-card-title {
  display: block;
  color: #212121;
  letter-spacing: -0.24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .recruit-card-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-card-title {
    letter-spacing: -0.23px;
    font-size: 23px;
    line-height: 27px;
  }
}

.recruit-card-desc {
  display: block;
  margin-top: 12px;
  color: #757575;
  letter-spacing: -0.18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1365px) {
  .recruit-card-desc {
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
    letter-spacing: -0.18px;
    letter-spacing: -0.01318vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-card-desc {
    margin-top: 10px;
    letter-spacing: -0.17px;
    font-size: 17px;
    line-height: 20px;
  }
}

.recruit-card-avatar {
  position: absolute;
  right: 29px;
  bottom: -1px;
  z-index: -1;
  width: 100px;
}

@media screen and (max-width: 1365px) {
  .recruit-card-avatar {
    right: 30px;
    right: 2.19619vw;
    width: 100px;
    width: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-card-avatar {
    right: 32px;
    width: 85px;
  }
}

.recruit-card-avatar::before {
  display: block;
  position: relative;
  bottom: 0;
  width: 100%;
  padding-bottom: 140%;
  content: '';
}

@media screen and (max-width: 768px) {
  .recruit-card-avatar::before {
    padding-bottom: 161.18%;
  }
}

.recruit-card-avatar img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .recruit-story-swiper {
    overflow: visible;
  }
}

.recruit-story-swiper .swiper-scrollbar {
  top: auto;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #ededed;
}

.recruit-story-swiper .swiper-scrollbar-drag {
  background: #0079fa;
}

.recruit-story-swiper + .recruit-story-title {
  margin-top: 100px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-swiper + .recruit-story-title {
    margin-top: 100px;
    margin-top: 7.32064vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-swiper + .recruit-story-title {
    margin-top: 60px;
  }
}

.recruit-story-detail {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .container {
    padding-top: 96px;
  }
}

.recruit-story-detail.section-detail .detail {
  margin-top: 79px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail {
    max-width: 792px;
    max-width: 57.9795vw;
    margin-top: 79px;
    margin-top: 5.78331vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail {
    max-width: none;
    margin-top: 40px;
  }
}

.recruit-story-detail.section-detail .detail-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 361px;
  padding: 50px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-title-area {
    height: 361px;
    height: 26.42753vw;
    padding: 50px 0px;
    padding: 3.66032vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-title-area {
    height: 268px;
    padding: 30px 0;
  }
}

.recruit-story-detail.section-detail .detail-title-area::before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background-image: url(/img/svg/bg_title_recruit_detail-4001acb7fdd79f03bcee908ffa8dc63a.svg);
  background-position: center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-title-area::before {
    background-image: url(/img/svg/bg_mo_title_recruit_detail-9738926840b756354073fe8588dab612.svg);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}

.recruit-story-detail.section-detail .detail-title-area + .detail-content {
  margin-top: 78px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-title-area + .detail-content {
    margin-top: 78px;
    margin-top: 5.7101vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-title-area + .detail-content {
    margin-top: 50px;
  }
}

.recruit-story-detail.section-detail .detail-department {
  display: block;
  position: relative;
  color: #0079fa;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-department {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-department {
    padding-top: 43px;
    font-size: 16px;
    line-height: 19px;
  }
}

.recruit-story-detail.section-detail .detail-department::before {
  position: absolute;
  top: -1px;
  left: -54px;
  content: '';
  width: 30px;
  height: 30px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1513px 1470px;
  background-size: 1513px 1470px;
  background-position: -996px -1394px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-department::before {
    top: -1px;
    top: -0.07321vw;
    left: -54px;
    left: -3.95315vw;
    width: 2.19619vw;
    height: 2.2vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.76vw 107.61vw;
    background-size: 110.76vw 107.61vw;
    background-position: -72.91vw -102.05vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-department::before {
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1260.83333px 1225px;
    background-size: 1260.83333px 1225px;
    background-position: -830px -1161.66667px;
    background-repeat: no-repeat;
  }
}

.recruit-story-detail.section-detail .detail-title {
  margin-top: 22px;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-title {
    margin-top: 22px;
    margin-top: 1.61054vw;
    font-size: 40px;
    font-size: 2.92826vw;
    line-height: 44px;
    line-height: 3.22108vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-title {
    margin-top: 13px;
    font-size: 26px;
    line-height: 31px;
  }
}

.recruit-story-detail.section-detail .detail-content {
  padding: 0 0 57px;
  border-top: none;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-content {
    padding-bottom: 57px;
    padding-bottom: 4.17277vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-content {
    padding-bottom: 36px;
  }
}

.recruit-story-detail.section-detail .detail-content + .detail-content {
  margin-top: 58px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-content + .detail-content {
    margin-top: 58px;
    margin-top: 4.24597vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-content + .detail-content {
    margin-top: 41px;
  }
}

.recruit-story-detail.section-detail .detail-content:last-child {
  border-bottom: none;
}

.recruit-story-detail.section-detail .detail-question-index {
  color: #0079fa;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-question-index {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-question-index {
    font-size: 18px;
    line-height: 21px;
  }
}

.recruit-story-detail.section-detail .detail-question-title {
  margin-top: 29px;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-question-title {
    margin-top: 29px;
    margin-top: 2.12299vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-question-title {
    margin-top: 17px;
    color: #000;
    font-size: 18px;
    line-height: 25px;
  }
}

.recruit-story-detail.section-detail .detail-answer {
  margin-top: 30px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-detail .detail-answer {
    margin-top: 30px;
    margin-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-detail .detail-answer {
    margin-top: 18px;
  }
}

.recruit-story-detail.section-entry-point-post {
  padding: 60px 0 200px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post {
    padding: 60px 0px 200px;
    padding: 4.39239vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post {
    padding: 10px 0 120px;
  }
}

.recruit-story-detail.section-entry-point-post .entry-point-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post .entry-point-post {
    max-width: 792px;
    max-width: 57.9795vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post .entry-point-post {
    max-width: 100%;
  }
}

.recruit-story-detail.section-entry-point-post .post-link {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 44.2%;
  flex: 1 1 44.2%;
  padding: 33px 0 33px;
  border-bottom: none;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post .post-link {
    padding: 33px 0px 33px;
    padding: 2.41581vw 0vw 2.41581vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post .post-link {
    padding: 24px 0 19px;
  }
}

.recruit-story-detail.section-entry-point-post .post-fraction {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11.6%;
  flex: 0 0 11.6%;
  text-align: center;
}

.recruit-story-detail.section-entry-point-post .post-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.recruit-story-detail.section-entry-point-post .post-link-next {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.recruit-story-detail.section-entry-point-post .post-btn-next {
  padding: 0 38px 0 20px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post .post-btn-next {
    padding: 0px 38px 0px 20px;
    padding: 0vw 2.78184vw 0vw 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post .post-btn-next {
    padding: 0 19px 0 11px;
  }
}

.recruit-story-detail.section-entry-point-post .post-btn-next::before {
  right: 0;
  left: auto;
}

.recruit-story-detail.section-entry-point-post .post-btn-next + .post-title {
  padding: 0 21px 0 30px;
  text-align: right;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post .post-btn-next + .post-title {
    padding: 0px 21px 0px 30px;
    padding: 0vw 1.53734vw 0vw 2.19619vw;
  }
}

.recruit-story-detail.section-entry-point-post .post-btn-next + .post-title::before {
  right: 0;
  left: auto;
}

.recruit-story-detail.section-entry-point-post .post-fraction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -3px;
  color: rgba(33, 33, 33, 0.4);
  font-size: 20px;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post .post-fraction {
    margin-top: -3px;
    margin-top: -0.21962vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 26px;
    line-height: 1.90337vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post .post-fraction {
    margin-top: 0;
    font-size: 17px;
    line-height: 20px;
  }
}

.recruit-story-detail.section-entry-point-post .post-pagination-line {
  margin-right: 10px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post .post-pagination-line {
    margin-right: 10px;
    margin-right: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post .post-pagination-line {
    margin-right: 0;
  }
}

.recruit-story-detail.section-entry-point-post .post-pagination-current {
  margin-right: 16px;
  font-weight: 700;
  color: #212121;
  letter-spacing: -0.2px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post .post-pagination-current {
    margin-right: 16px;
    margin-right: 1.1713vw;
    letter-spacing: -0.2px;
    letter-spacing: -0.01464vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post .post-pagination-current {
    margin-right: 12px;
    letter-spacing: -0.17px;
  }
}

.recruit-story-detail.section-entry-point-post .post-pagination-total {
  margin-right: 5px;
}

@media screen and (max-width: 1365px) {
  .recruit-story-detail.section-entry-point-post .post-pagination-total {
    margin-right: 5px;
    margin-right: 0.36603vw;
  }
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post .post-pagination-total {
    margin-left: 12px;
  }
}

.recruit-story-detail.section-entry-point-post .post-title {
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 768px) {
  .recruit-story-detail.section-entry-point-post .post-title {
    display: none;
  }
}

.recruit-story-detail.section-entry-point-post .post-title::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tab-recruit-content--background-blue {
  background-color: #f8fbff;
}

.benefits .container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.benefits .benefits-swiper {
  overflow: visible;
}

.benefits-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin-top: 24px;
  margin-left: -24px;
}

@media screen and (max-width: 1365px) {
  .benefits-inner {
    margin-top: 24px;
    margin-top: 1.75695vw;
    margin-left: -24px;
    margin-left: -1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .benefits-inner {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 30px;
    margin-left: 0px;
  }
}

.benefits-card {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: calc((100% / 3) - 24px);
  height: auto;
  min-height: 285px;
  margin-top: 24px;
  margin-left: 24px;
  padding: 32px;
  background-color: #f8fbff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .benefits-card {
    width: calc((100% / 3) - 1.75695vw);
    min-height: 285px;
    min-height: 20.86384vw;
    margin-top: 24px;
    margin-top: 1.75695vw;
    margin-left: 24px;
    margin-left: 1.75695vw;
    padding: 32px;
    padding: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .benefits-card {
    width: 312px;
    min-height: 230px;
    margin-bottom: 0;
    margin-left: 0;
    padding: 18px 24px;
  }
}

.benefits-card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.benefits-card-title {
  width: calc(100% - 76px);
  margin-left: 12px;
  color: #0079fa;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 20px;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .benefits-card-title {
    width: calc(100% - 5.564vw);
    margin-left: 12px;
    margin-left: 0.87848vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .benefits-card-title {
    width: calc(100% - 80px);
    margin-left: 8px;
    font-size: 18px;
    line-height: 23px;
  }
}

.benefits-card-desc {
  margin-top: 15px;
  padding: 0 8px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 1365px) {
  .benefits-card-desc {
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .benefits-card-desc {
    margin-top: 16px;
    font-size: 14px;
    line-height: 19px;
  }
  .benefits-card-desc:not(:first-child) {
    margin-top: 8px;
  }
}

.benefits-card-desc .text-blur {
  color: #ccc;
  font-size: 16px;
}

@media screen and (max-width: 1365px) {
  .benefits-card-desc .text-blur {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .benefits-card-desc .text-blur {
    font-size: 14px;
    line-height: 19px;
  }
}

.benefits-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ccc;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}

.benefits-pagination-current {
  color: #212121;
}

.benefits .swiper-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .benefits .swiper-control {
    margin-top: 32px;
  }
}

.benefits .swiper-control-prev {
  -webkit-transform: none;
  transform: none;
}

@media screen and (max-width: 768px) {
  .benefits .swiper-control-prev {
    width: 48px;
    height: 48px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1296.85714px 1260px;
    background-size: 1296.85714px 1260px;
    background-position: -1241.34857px -226.28571px;
    background-repeat: no-repeat;
  }
}

.benefits .swiper-control-next {
  margin-left: -1px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 768px) {
  .benefits .swiper-control-next {
    width: 48px;
    height: 48px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1296.85714px 1260px;
    background-size: 1296.85714px 1260px;
    background-position: -1241.34857px -226.28571px;
    background-repeat: no-repeat;
  }
}

.talent-development {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}

@media screen and (max-width: 1365px) {
  .talent-development {
    padding: 120px 0px;
    padding: 8.78477vw 0vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development {
    padding: 70px 0;
  }
}

.talent-development::before {
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 9999px;
  background-color: #f8fbff;
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.talent-development-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -36px;
  margin-left: -30px;
}

@media screen and (max-width: 1365px) {
  .talent-development-list {
    margin-top: -36px;
    margin-top: -2.63543vw;
    margin-left: -36px;
    margin-left: -2.63543vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-list {
    margin-top: 0px;
    margin-left: 0px;
  }
}

.talent-development-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.talent-development-title {
  overflow: hidden;
  min-height: 80px;
  color: #0079fa;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 26px;
  line-height: 40px;
}

@media screen and (max-width: 1365px) {
  .talent-development-title {
    font-size: 26px;
    font-size: 1.90337vw;
    line-height: 40px;
    line-height: 2.92826vw;
    min-height: 80px;
    min-height: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-title {
    min-height: 56px;
    font-size: 20px;
    line-height: 28px;
  }
}

.talent-development-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.talent-development-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: 45%;
  margin-top: 114px;
  margin-left: 30px;
}

@media screen and (max-width: 1365px) {
  .talent-development-item {
    margin-top: 114px;
    margin-top: 8.34553vw;
    margin-left: 30px;
    margin-left: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-item {
    width: 100%;
    margin-top: 55px;
    margin-left: 0px;
    -webkit-transition-delay: 0;
    transition-delay: 0;
  }
}

.talent-development-thumb {
  position: relative;
  width: 100%;
  margin-top: 25px;
}

@media screen and (max-width: 1365px) {
  .talent-development-thumb {
    margin-top: 25px;
    margin-top: 1.83016vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-thumb::after {
    height: 2px;
  }
}

.talent-development-thumb::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #0079fa;
  content: '';
}

.talent-development-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.talent-development-num {
  color: #ccc;
  font-size: 60px;
  font-weight: 400;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .talent-development-num {
    font-size: 60px;
    font-size: 4.39239vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-num {
    font-size: 44px;
    line-height: 23px;
  }
}

.talent-development-box {
  margin-top: 36px;
  padding-bottom: 36px;
}

@media screen and (max-width: 1365px) {
  .talent-development-box {
    margin-top: 36px;
    margin-top: 2.63543vw;
    padding-bottom: 36px;
    padding-bottom: 2.63543vw;
  }
}

.talent-development-box:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid #ededed;
}

.talent-development-box:nth-child(2) {
  min-height: 105px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 1365px) {
  .talent-development-box:nth-child(2) {
    min-height: 105px;
    min-height: 7.68668vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-box {
    margin-top: 24px;
  }
  .talent-development-box:nth-child(1) {
    padding-bottom: 15px;
  }
  .talent-development-box:nth-child(2) {
    min-height: unset;
    padding-bottom: 29px;
  }
}

.talent-development-sub-title {
  color: #212121;
  font-size: 20px;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .talent-development-sub-title {
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-sub-title {
    font-size: 16px;
    line-height: 20px;
  }
}

.talent-development-desc {
  margin-top: 8px;
}

@media screen and (max-width: 1365px) {
  .talent-development-desc {
    margin-top: 8px;
    margin-top: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-desc {
    margin-top: 15px;
  }
}

.talent-development-desc-item {
  position: relative;
  padding-left: 12px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

@media screen and (max-width: 1365px) {
  .talent-development-desc-item {
    padding-left: 12px;
    padding-left: 0.87848vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 30px;
    line-height: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-desc-item {
    margin-top: 6px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 17px;
  }
}

.talent-development-desc-item::before {
  position: absolute;
  top: 14px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #757575;
  content: '';
}

@media screen and (max-width: 1365px) {
  .talent-development-desc-item::before {
    top: 14px;
    top: 1.02489vw;
    width: 2px;
    width: 0.14641vw;
    height: 2px;
    height: 0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-desc-item::before {
    top: 8px;
    width: 2px;
    height: 2px;
  }
}

.talent-development-desc-item:not(:first-child) {
  margin-top: 7px;
}

@media screen and (max-width: 1365px) {
  .talent-development-desc-item:not(:first-child) {
    margin-top: 7px;
    margin-top: 0.51245vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-desc-item:not(:first-child) {
    margin-top: 7px;
  }
}

.talent-development-desc .text-blur {
  color: #ccc;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .talent-development-desc .text-blur {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .talent-development-desc .text-blur {
    margin-top: 3px;
    margin-bottom: 0;
    letter-spacing: -0.14px;
    font-size: 13px;
    line-height: 18px;
  }
}

.evaluation-system-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system-area {
    margin-top: 80px;
    margin-top: 5.85652vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system-area {
    display: block;
    margin-top: 40px;
  }
}

.evaluation-system .performance-evaluation {
  width: 258px;
  padding: 36px 40px;
  border-radius: 20px;
  background-color: #3394fb;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .performance-evaluation {
    width: 258px;
    width: 18.88726vw;
    padding: 36px 40px;
    padding: 2.63543vw 2.92826vw;
    border-radius: 20px;
    border-radius: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation {
    width: 312px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
  }
}

.evaluation-system .performance-evaluation-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .performance-evaluation-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.evaluation-system .performance-evaluation-list {
  margin-top: 33px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .performance-evaluation-list {
    margin-top: 33px;
    margin-top: 2.41581vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
  }
}

.evaluation-system .performance-evaluation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1365px) {
  .evaluation-system .performance-evaluation-item {
    width: 160px;
    width: 11.71303vw;
    height: 160px;
    height: 11.71303vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation-item {
    width: 110px;
    height: 110px;
    margin: 0;
  }
}

.evaluation-system .performance-evaluation-item:nth-child(2) {
  margin-top: 51px;
  background-color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .performance-evaluation-item:nth-child(2) {
    margin-top: 69px;
    margin-top: 5.05124vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation-item:nth-child(2) {
    margin-top: 0;
    margin-left: 27px;
  }
}

.evaluation-system .performance-evaluation .evaluation-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  margin-top: 8px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .performance-evaluation .evaluation-title {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
    margin-top: 8px;
    margin-top: 0.58565vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation .evaluation-title {
    font-size: 14px;
    line-height: 17px;
    margin-top: 0;
  }
}

.evaluation-system .performance-evaluation .evaluation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.evaluation-system .performance-evaluation .evaluation-content::before {
  display: inline-block;
  width: 14px;
  height: 1px;
  margin: 10px 0;
  background: #fff;
  content: '';
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation .evaluation-content::before {
    margin: 10px 0px;
    margin: 0.73206vw 0vw;
    width: 14px;
    width: 1.02489vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation .evaluation-content::before {
    margin: 5px 0;
    width: 7px;
  }
}

.evaluation-system .performance-evaluation .evaluation-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .performance-evaluation .evaluation-text {
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .performance-evaluation .evaluation-text {
    font-size: 11px;
    line-height: 14px;
  }
}

.evaluation-system .evaluation-detail {
  width: 666px;
  margin-left: 71px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail {
    width: 666px;
    width: 48.75549vw;
    margin-left: 72px;
    margin-left: 5.27086vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail {
    width: 312px;
    margin: 30px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.evaluation-system .evaluation-detail-item {
  position: relative;
  padding: 28px 47px 25px;
  border: solid 1px #0079fa;
  border-radius: 20px;
  background-color: #fff;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail-item {
    padding: 28px 47px 25px;
    padding: 2.04978vw 3.4407vw 1.83016vw;
    border-radius: 20px;
    border-radius: 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail-item {
    width: 150px;
    padding: 20px;
    border-radius: 20px;
  }
}

.evaluation-system .evaluation-detail-item::before {
  position: absolute;
  left: -46px;
  content: '';
  width: 22px;
  height: 64.9714px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1510.93963px 1467.99818px;
  background-size: 1510.93963px 1467.99818px;
  background-position: -1410.31684px -89.87744px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail-item::before {
    left: -46px;
    left: -3.3675vw;
    width: 1.61054vw;
    height: 4.76vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 110.61vw 107.47vw;
    background-size: 110.61vw 107.47vw;
    background-position: -103.24vw -6.58vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail-item::before {
    top: initial;
    left: 50%;
    bottom: calc(100% + 10px);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 30px;
    height: 11.61041px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 729.5082px 708.77531px;
    background-size: 729.5082px 708.77531px;
    background-position: -606.6731px -570.39537px;
    background-repeat: no-repeat;
  }
}

.evaluation-system .evaluation-detail-item:nth-child(2) {
  margin-top: 10px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail-item:nth-child(2) {
    margin-top: 10px;
    margin-top: 0.73206vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail-item:nth-child(2) {
    margin-top: 0;
    margin-left: 12px;
  }
}

.evaluation-system .evaluation-detail-title {
  display: block;
  color: #0079fa;
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail-title {
    font-size: 22px;
    font-size: 1.61054vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail-title {
    font-size: 16px;
    line-height: 19px;
  }
}

.evaluation-system .evaluation-detail .rank-system {
  margin-top: 17px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .rank-system {
    margin-top: 20px;
    margin-top: 1.46413vw;
    padding-bottom: 50px;
    padding-bottom: 3.66032vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .rank-system {
    margin-top: 14px;
    padding-bottom: 23px;
  }
}

.evaluation-system .evaluation-detail .rank-system-title {
  display: block;
  color: #0079fa;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .rank-system-title {
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .rank-system-title {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
  }
}

.evaluation-system .evaluation-detail .rank-system-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .rank-system-list {
    display: block;
  }
}

.evaluation-system .evaluation-detail .rank-system-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background-color: #66affc;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .rank-system-item {
    width: 90px;
    width: 6.58858vw;
    height: 90px;
    height: 6.58858vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .rank-system-item {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 17px;
  }
}

.evaluation-system .evaluation-detail .rank-system-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: -1;
  width: 24px;
  height: 1px;
  background-color: #0379fa;
  content: '';
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .rank-system-item::after {
    width: 24px;
    width: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .rank-system-item::after {
    top: 100%;
    left: 50%;
    width: 2px;
    height: 30px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.evaluation-system .evaluation-detail .rank-system-item:first-child {
  background-color: transparent;
  border: 1px solid #0079fa;
  color: #0079fa;
}

.evaluation-system .evaluation-detail .rank-system-item:nth-child(2) {
  background-color: #99c9fd;
}

.evaluation-system .evaluation-detail .rank-system-item:last-child {
  background-color: #0079fa;
}

.evaluation-system .evaluation-detail .rank-system-item:last-child::before {
  position: absolute;
  top: 50%;
  left: calc(100% + 16px);
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  content: '';
  width: 14px;
  height: 14px;
  background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
  -webkit-background-size: 1426.39731px 1385.85859px;
  background-size: 1426.39731px 1385.85859px;
  background-position: -426.12795px -393.13131px;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .rank-system-item:last-child::before {
    left: calc(100% + 1.17vw);
    width: 1.02489vw;
    height: 1.02vw;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 104.42vw 101.45vw;
    background-size: 104.42vw 101.45vw;
    background-position: -31.2vw -28.78vw;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .rank-system-item:last-child::before {
    top: calc(100% + 11px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 14px;
    height: 14px;
    background-image: url("/img/icons-svg-e728b9e1897e258e70755f4eb15bc40b.svg");
    -webkit-background-size: 1361.31105px 1322.62211px;
    background-size: 1361.31105px 1322.62211px;
    background-position: -1119.28021px -1297.42931px;
    background-repeat: no-repeat;
  }
}

.evaluation-system .evaluation-detail .rank-system-item:last-child::after {
  width: 29px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .rank-system-item:last-child::after {
    width: 29px;
    width: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .rank-system-item:last-child::after {
    width: 2px;
    height: 22px;
  }
}

.evaluation-system .evaluation-detail .rank-system-item:not(:first-child) {
  margin-left: 24px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .rank-system-item:not(:first-child) {
    margin-left: 24px;
    margin-left: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .rank-system-item:not(:first-child) {
    margin: 12px auto 0;
  }
}

.evaluation-system .evaluation-detail .reward-system {
  margin-top: 18px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .reward-system {
    margin-top: 18px;
    margin-top: 1.31772vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .reward-system {
    margin-top: 24px;
    padding-bottom: 0;
  }
}

.evaluation-system .evaluation-detail .reward-system-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .reward-system-list {
    display: block;
  }
}

.evaluation-system .evaluation-detail .reward-system-item {
  width: 148px;
  color: #0079fa;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .reward-system-item {
    width: 148px;
    width: 10.83455vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .reward-system-item {
    width: 100%;
  }
}

.evaluation-system .evaluation-detail .reward-system-item:nth-child(2) {
  margin: 0 32px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .reward-system-item:nth-child(2) {
    margin: 0px 32px;
    margin: 0vw 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .reward-system-item:nth-child(2) {
    margin: 25px 0;
  }
}

.evaluation-system .evaluation-detail .reward-system-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #f8fbff;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .reward-system-icon {
    width: 110px;
    width: 8.05271vw;
    height: 110px;
    height: 8.05271vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .reward-system-icon {
    width: 80px;
    height: 80px;
  }
}

.evaluation-system .evaluation-detail .reward-system-title {
  display: block;
  margin-top: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .reward-system-title {
    margin-top: 20px;
    margin-top: 1.46413vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 21px;
    line-height: 1.53734vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .reward-system-title {
    margin-top: 10px;
    font-size: 14px;
    line-height: 17px;
  }
}

.evaluation-system .evaluation-detail .reward-system-desc {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #757575;
}

@media screen and (max-width: 1365px) {
  .evaluation-system .evaluation-detail .reward-system-desc {
    margin-top: 12px;
    margin-top: 0.87848vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 22px;
    line-height: 1.61054vw;
  }
}

@media screen and (max-width: 768px) {
  .evaluation-system .evaluation-detail .reward-system-desc {
    margin-top: 3px;
    font-size: 11px;
    line-height: 16px;
    color: #0079fa;
  }
}

.section-terms .container {
  position: relative;
  padding-top: 177px;
  padding-bottom: 200px;
}

@media screen and (max-width: 1365px) {
  .section-terms .container {
    padding-top: 177px;
    padding-top: 12.95754vw;
    padding-bottom: 200px;
    padding-bottom: 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-terms .container {
    padding-top: 109px;
    padding-bottom: 120px;
  }
}

.section-terms .breadcrumb {
  position: absolute;
  top: 40px;
  right: 0;
}

@media screen and (max-width: 1365px) {
  .section-terms .breadcrumb {
    right: 24px;
    top: 40px;
    top: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .section-terms .breadcrumb {
    top: 30px;
    right: 24px;
  }
}

.terms {
  max-width: 996px;
  margin: 0 auto;
}

.terms-title-area .terms-sub-title {
  display: block;
  color: #0079fa;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
}

@media screen and (max-width: 1365px) {
  .terms-title-area .terms-sub-title {
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 29px;
    line-height: 2.12299vw;
  }
}

@media screen and (max-width: 768px) {
  .terms-title-area .terms-sub-title {
    font-size: 17px;
    line-height: 20px;
  }
}

.terms-title-area .terms-title {
  margin-top: 21px;
  font-size: 56px;
  font-weight: 700;
  line-height: 67px;
  color: #191919;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .terms-title-area .terms-title {
    margin-top: 21px;
    margin-top: 1.53734vw;
    font-size: 56px;
    font-size: 4.09956vw;
    line-height: 67px;
    line-height: 4.90483vw;
  }
}

@media screen and (max-width: 768px) {
  .terms-title-area .terms-title {
    margin-top: 20px;
    font-size: 36px;
    line-height: 43px;
  }
}

.terms .terms-note {
  display: block;
  margin-top: 19px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
}

@media screen and (max-width: 1365px) {
  .terms .terms-note {
    margin-top: 19px;
    margin-top: 1.39092vw;
    font-size: 16px;
    font-size: 1.1713vw;
    line-height: 19px;
    line-height: 1.39092vw;
  }
}

@media screen and (max-width: 768px) {
  .terms .terms-note {
    margin-top: 20px;
    font-size: 13px;
    line-height: 18px;
  }
}

.terms .terms-note-last {
  margin-top: 97px;
  padding-top: 30px;
  border-top: 1px solid #dbdbdb;
}

@media screen and (max-width: 1365px) {
  .terms .terms-note-last {
    margin-top: 97px;
    margin-top: 7.10102vw;
    padding-top: 30px;
    padding-top: 2.19619vw;
  }
}

@media screen and (max-width: 768px) {
  .terms .terms-note-last {
    margin-top: 50px;
    padding-top: 30px;
    font-size: 15px;
    line-height: 21px;
  }
}

.terms-overview {
  margin-top: 80px;
  padding: 36px 40px 34px;
  border: solid 1px #dbdbdb;
  color: #757575;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

@media screen and (max-width: 1365px) {
  .terms-overview {
    margin-top: 80px;
    margin-top: 5.85652vw;
    padding: 36px 40px 34px;
    padding: 2.63543vw 2.92826vw 2.48902vw;
    font-size: 18px;
    font-size: 1.31772vw;
    line-height: 28px;
    line-height: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .terms-overview {
    margin-top: 36px;
    padding: 18px 19px;
    font-size: 15px;
    line-height: 22px;
  }
}

.terms-overview .text:not(:first-child) {
  margin-top: 28px;
}

@media screen and (max-width: 1365px) {
  .terms-overview .text:not(:first-child) {
    margin-top: 28px;
    margin-top: 2.04978vw;
  }
}

@media screen and (max-width: 768px) {
  .terms-overview .text:not(:first-child) {
    margin-top: 22px;
  }
}

.error {
  padding: 260px 20px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .error {
    padding: 260px 20px;
    padding: 19.03367vw 1.46413vw;
  }
}

@media screen and (max-width: 768px) {
  .error {
    padding: 175px 24px;
  }
}

.error-title {
  margin-top: 10px;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .error-title {
    margin-top: 10px;
    margin-top: 0.73206vw;
    font-size: 34px;
    font-size: 2.48902vw;
    line-height: 40px;
    line-height: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .error-title {
    margin-top: 8px;
    font-size: 24px;
    line-height: 29px;
  }
}

.error-text {
  margin-top: 36px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #757575;
  word-break: keep-all;
  word-wrap: break-word;
}

@media screen and (max-width: 1365px) {
  .error-text {
    margin-top: 36px;
    margin-top: 2.63543vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .error-text {
    margin-top: 29px;
    font-size: 15px;
    line-height: 21px;
  }
}

.error-btn {
  display: inline-block;
  margin-top: 56px;
  padding: 15px 31px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #212121;
}

@media screen and (max-width: 1365px) {
  .error-btn {
    margin-top: 56px;
    margin-top: 4.09956vw;
    padding: 15px 31px;
    padding: 1.0981vw 2.2694vw;
    font-size: 20px;
    font-size: 1.46413vw;
    line-height: 24px;
    line-height: 1.75695vw;
  }
}

@media screen and (max-width: 768px) {
  .error-btn {
    margin-top: 38px;
    padding: 15px 32px 14px;
    font-size: 15px;
    line-height: 18px;
  }
}

@media screen and (min-width: 1366px) {
  .error-btn:hover {
    border: 1px solid #212121;
    background-color: #212121;
    color: #fff;
  }
}

.section-contact-us {
  padding: 120px 0 200px;
}

@media screen and (max-width: 1365px) {
  .section-contact-us {
    padding: 120px 0px 200px;
    padding: 8.78477vw 0vw 14.64129vw;
  }
}

@media screen and (max-width: 768px) {
  .section-contact-us {
    padding: 60px 0 120px;
  }
}

.contact-us-text {
  display: block;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .contact-us-text {
    font-size: 30px;
    font-size: 2.19619vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-us-text {
    font-size: 17px;
    line-height: 21px;
  }
}

.contact-us-text:not(:first-child) {
  margin-top: 29px;
}

@media screen and (max-width: 1365px) {
  .contact-us-text:not(:first-child) {
    margin-top: 32px;
    margin-top: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-us-text:not(:first-child) {
    margin-top: 15px;
  }
}

.contact-us-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 95px;
}

@media screen and (max-width: 1365px) {
  .contact-us-list {
    margin-top: 95px;
    margin-top: 6.95461vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-us-list {
    display: block;
    margin-top: 48px;
  }
}

.contact-us-item {
  width: 580px;
  padding: 31px 80px 55px;
  border: 1px solid #dbdbdb;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 1365px) {
  .contact-us-item {
    width: 580px;
    width: 42.45974vw;
    padding: 31px 80px 55px;
    padding: 2.2694vw 5.85652vw 4.02635vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-us-item {
    width: 312px;
    margin: 0 auto;
    padding: 19px 20px 31px;
  }
}

.contact-us-item:nth-child(2) {
  margin-left: 40px;
}

@media screen and (max-width: 1365px) {
  .contact-us-item:nth-child(2) {
    margin-left: 40px;
    margin-left: 2.92826vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-us-item:nth-child(2) {
    margin-top: 24px;
    margin-left: auto;
  }
}

.contact-us-title {
  display: block;
  margin-top: 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

@media screen and (max-width: 1365px) {
  .contact-us-title {
    margin-top: 16px;
    margin-top: 1.1713vw;
    font-size: 32px;
    font-size: 2.34261vw;
    line-height: 38px;
    line-height: 2.78184vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-us-title {
    margin-top: 8px;
    font-size: 20px;
    line-height: 25px;
  }
}

.contact-us-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 64px;
  margin-top: 18px;
  word-wrap: break-word;
  word-break: keep-all;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

@media screen and (max-width: 1365px) {
  .contact-us-desc {
    min-height: 64px;
    min-height: 4.68521vw;
    font-size: 24px;
    font-size: 1.75695vw;
    line-height: 32px;
    line-height: 2.34261vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-us-desc {
    min-height: 40px;
    margin-top: 9px;
    font-size: 15px;
    line-height: 20px;
  }
}

.contact-us-link {
  display: inline-block;
  color: #212121;
  padding-bottom: 2px;
  border-bottom: 1px solid #212121;
}

@media screen and (max-width: 1365px) {
  .contact-us-link {
    padding-bottom: 2px;
    padding-bottom: 0.14641vw;
  }
}

@media screen and (max-width: 768px) {
  .contact-us-link {
    padding-bottom: 1px;
  }
}
/* e:// 240923 추가 */
.section.prd-otc {
    background: #D8DCE4;
    padding: 30px 0;
}

.section.prd-otc p {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}

.section.prd-otc strong {
    margin-top: 16px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #5f6063;
}

@media screen and (max-width: 1365px) {
    .section.prd-otc {
        padding: 2.1978vw 0;
    }

    .section.prd-otc p {
        font-size: 1.1722vw;
        line-height: 1.5385vw;
    }

    .section.prd-otc strong {
        margin-top: 1.1722vw;
        font-size: 1.1722vw;
    }
}

@media screen and (max-width: 768px) {
    .section.prd-otc {
        padding: 30px 0;
    }

    .section.prd-otc p {
        font-size: 14px;
        line-height: 1.5;
    }

    .section.prd-otc strong {
        margin-top: 14px;
        font-size: 14px;
    }

}