@charset "UTF-8";
/* ------------------------- Reset ------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
  color: #000;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  display: block;
}

div {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

a, a i {
  text-decoration: none;
  outline: none;
  color: #000;
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
}

a img {
  display: block;
  outline: none;
}

a:hover img {
  opacity: 1;
}

img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  outline: none;
}

a:focus, a:active, input, textarea, button, select {
  outline: none;
}

a:hover, a:hover img {
  opacity: 0.6;
}

.text-indent {
  text-indent: 3em;
}

.txt-bold {
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  font-weight: bold;
}

.text-input, input[type=text], input[type=number], input[type=email], select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid #A0A0A0;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1.6rem;
  background-color: #fff;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #A0A0A0;
  border-radius: 0;
  margin-top: 15px;
  padding: 20px;
  font-size: 1.6rem;
}

/* Chrome、Safari */
.text-input, input[type=number]::-webkit-outer-spin-button,
.text-input, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox、IE */
.text-input, input[type=number] {
  -moz-appearance: textfield;
}

/* Chrome、Safari */
.text-input, input[type=text] {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox、IE */
.text-input, input[type=text] {
  -moz-appearance: textfield;
}

/* Chrome、Safari */
.text-input, input[type=number] {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox、IE */
.text-input, input[type=number] {
  -moz-appearance: textfield;
}

.a-color-blue {
  color: #3BB4FF;
}

.a-decoration-show {
  text-decoration: underline;
}

.show320 {
  display: none;
}
@media screen and (max-width : 320px) {
  .show320 {
    display: block;
  }
}

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

.show760 {
  display: none;
}
@media screen and (max-width: 760px) {
  .show760 {
    display: block;
  }
}

.hide760 {
  display: block;
}
@media screen and (max-width: 760px) {
  .hide760 {
    display: none;
  }
}

.hide992 {
  display: block;
}
@media screen and (max-width: 992px) {
  .hide992 {
    display: none;
  }
}

.show992 {
  display: none;
}
@media screen and (max-width: 992px) {
  .show992 {
    display: block;
  }
}

.hide1200 {
  display: block;
}
@media screen and (max-width: 1200px) {
  .hide1200 {
    display: none;
  }
}

.show1200 {
  display: none;
}
@media screen and (max-width: 1200px) {
  .show1200 {
    display: block;
  }
}

.hide1300 {
  display: block;
}
@media screen and (max-width: 1300px) {
  .hide1300 {
    display: none;
  }
}

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

.txt-underline {
  text-decoration: underline;
}

.margin-center {
  margin-right: auto;
  margin-left: auto;
}

.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.warp {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}
@media screen and (max-width: 760px) {
  .mt20 {
    margin-top: 10px !important;
  }
}

.mt25 {
  margin-top: 25px !important;
}
@media screen and (max-width: 760px) {
  .mt25 {
    margin-top: 15px !important;
  }
}

.mt30 {
  margin-top: 30px !important;
}
@media screen and (max-width: 760px) {
  .mt30 {
    margin-top: 15px !important;
  }
}

.mt40 {
  margin-top: 40px !important;
}
@media screen and (max-width: 760px) {
  .mt40 {
    margin-top: 20px !important;
  }
}

.mt50 {
  margin-top: 50px !important;
}
@media screen and (max-width: 760px) {
  .mt50 {
    margin-top: 20px !important;
  }
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}
@media screen and (max-width: 760px) {
  .mt70 {
    margin-top: 40px !important;
  }
}

.mt80 {
  margin-top: 80px !important;
}
@media screen and (max-width: 760px) {
  .mt80 {
    margin-top: 40px !important;
  }
}

.mt100 {
  margin-top: 100px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mt120 {
  margin-top: 120px !important;
}
@media screen and (max-width: 760px) {
  .mt120 {
    margin-top: 80px !important;
  }
}

.mt130 {
  margin-top: 130px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}
@media screen and (max-width: 760px) {
  .mb70 {
    margin-bottom: 40px !important;
  }
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}
@media screen and (max-width: 760px) {
  .mb120 {
    margin-bottom: 60px !important;
  }
}

.mb130 {
  margin-bottom: 130px !important;
}

.mb240 {
  margin-bottom: 240px !important;
}
@media screen and (max-width: 760px) {
  .mb240 {
    margin-bottom: 80px !important;
  }
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mar50 {
  margin: 50px 0;
}

.mar75 {
  margin: 75px 0;
}
@media screen and (max-width: 760px) {
  .mar75 {
    margin: 35px 0;
  }
}

.mar100 {
  margin: 100px 0;
}

.mar120 {
  margin: 120px 0;
}

.mar150 {
  margin: 150px 0;
}

.mar5075 {
  margin: 50px 0 75px 0;
}

.mar50100 {
  margin: 50px 0 100px 0;
}

.mar50125 {
  margin: 50px 0 125px 0;
}

.mar80100 {
  margin: 80px 0 100px 0;
}

.mar100125 {
  margin: 100px 0 125px 0;
}

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

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}
@media screen and (max-width: 760px) {
  .pt60 {
    padding-top: 30px !important;
  }
}

.pt100 {
  padding-top: 100px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pt130 {
  padding-top: 130px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}
@media screen and (max-width: 760px) {
  .pb60 {
    padding-bottom: 30px !important;
  }
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 760px) {
  .pb100 {
    padding-bottom: 50px !important;
  }
}

.pb120 {
  padding-bottom: 120px !important;
}

.pb130 {
  padding-bottom: 130px !important;
}

.padding50 {
  padding: 50px;
}
@media screen and (max-width: 760px) {
  .padding50 {
    padding: 20px;
  }
}

.pad50 {
  padding: 50px 0;
}

.pad60 {
  padding: 60px 0;
}

.pad75 {
  padding: 75px 0;
}

.pad100 {
  padding: 100px 0;
}

.pad120 {
  padding: 120px 0;
}

.pad150 {
  padding: 150px 0;
}

.pad5075 {
  padding: 50px 0 75px 0;
}

.pad50100 {
  padding: 50px 0 100px 0;
}

.pad50125 {
  padding: 50px 0 125px 0;
}

.pad60100 {
  padding: 60px 0 100px 0;
}

.pad80100 {
  padding: 80px 0 100px 0;
}

.pad100125 {
  padding: 100px 0 125px 0;
}

.pad7550 {
  padding: 75px 0 50px 0;
}

.pad-right-115 {
  padding-right: 115px;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.fw-100-thin {
  font-weight: 100 !important;
}

.fw-300-light {
  font-weight: 300 !important;
}

.fw-400-regular {
  font-weight: 400 !important;
}

.fw-500-medium {
  font-weight: 500 !important;
}

.fw-700-bold {
  font-weight: 700 !important;
}

.fw-900-black {
  font-weight: 900 !important;
}

.fs-16-px {
  font-size: 1.6rem !important;
}

.fs-18-px {
  font-size: 1.8rem;
}

.fs-24-px {
  font-size: 2.4rem;
}

.fs-30-px {
  font-size: 3rem;
}

.line-height-18 {
  line-height: 1.8;
}

.pointer-nont {
  cursor: auto !important;
}

.link-sp {
  pointer-events: none !important;
}
@media screen and (max-width: 768px) {
  .link-sp {
    pointer-events: visible !important;
  }
}

.content-880 {
  width: 94%;
  max-width: 880px;
  margin: 0 auto;
}

.content-900 {
  width: 94%;
  max-width: 900px;
  margin: 0 auto;
}

.content-940 {
  width: 94%;
  max-width: 940px;
  margin: 0 auto;
}

.content-950 {
  width: 94%;
  max-width: 950px;
  margin: 0 auto;
}

.content-989 {
  width: 94%;
  max-width: 989px;
  margin: 0 auto;
}

.content-1088 {
  width: 94%;
  max-width: 1088px;
  margin: 0 auto;
}

.content-1090 {
  width: 94%;
  max-width: 1090px;
  margin: 0 auto;
}

.content-1200 {
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
}

.content-1230 {
  width: 94%;
  max-width: 1230px;
  margin: 0 auto;
}

.content-1300 {
  width: 94%;
  max-width: 1300px;
  margin: 0 auto;
}

.content-1366 {
  width: 94%;
  max-width: 1366px;
  margin: 0 auto;
}

.content-1366-fullwidth {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}

.content-fullwidth {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.content-1400 {
  width: 94%;
  max-width: 1400px;
  margin: 0 auto;
}

.relative {
  position: relative;
}

.color-blue {
  color: #0068b0;
}

.color-white {
  color: #fff;
}

.color-black {
  color: #000 !important;
}

.color-red {
  color: #de2b1e;
}

.color-grey {
  color: #989898;
}

.bg-blue {
  background-color: #0068b0;
}

.bg-grey-dark {
  background-color: #343434;
}

.bg-grey-light {
  background-color: #EEEEEE;
}

.bg-white {
  background: #fff;
}

.bg-grey-F4 {
  background: #F4F4F4;
}

.bg-grey-D1 {
  background: #D1D1D1;
}

.bg-grey-E6 {
  background: #E6E6E6;
}

.bg-grey-EB {
  background: #EBEBEB;
}

.bg-grey-E8 {
  background: #E8E8E8;
}

.bg-grey-36 {
  background: #363636 !important;
}

.bg-bea870 {
  background: #bea870;
}

.bg-a8a9a8 {
  background: #a8a9a8;
}

.bg-997a5c {
  background: #997a5c;
}

.bg-dedede {
  background: #dedede;
}

.btn-icon-contact span {
  background: url(/assets/images/commons/icon-mail.svg);
  background-repeat: no-repeat;
  background-position: left 0 top 50%;
  background-size: 27px auto;
  padding-left: 35px;
}

.btn-size-14 {
  font-size: 1.4rem;
}

.btn-height-40 {
  height: 40px;
}

.btn-height-50 {
  height: 50px;
}

.btn-width-157 {
  max-width: 157px;
  width: 100%;
}

.btn-width-160 {
  max-width: 160px;
  width: 100%;
}

.btn-width-180 {
  max-width: 180px;
  width: 100%;
}

.btn-width-300 {
  max-width: 300px;
  width: 100%;
}

.btn-width-320 {
  max-width: 320px;
  width: 100%;
}

.btn-width-369 {
  max-width: 369px;
  width: 100%;
}

.btn-white {
  border: 1px solid #000;
  background: #fff;
  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;
  padding-top: 2px;
  margin-left: auto;
  margin-right: auto;
  background: url("/assets/images/commons/arrow-right-white.svg") #fff;
  background-repeat: no-repeat;
  background-position: right 1em top 50%;
  background-size: 5px auto;
}

.btn-arrow-white {
  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;
  padding-top: 2px;
  background: url("/assets/images/commons/arrow-right-white.svg") #fff;
  background-repeat: no-repeat;
  background-position: right 1em top 50%;
  background-size: 9.36px auto;
}

.btn-red {
  border: 1px solid #ED0C27;
  background: #ED0C27;
  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;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
}

.btn-grey {
  border: 1px solid #A8A8A8;
  background: #A8A8A8;
  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;
  padding-top: 15px;
  padding-bottom: 15px;
  background-repeat: no-repeat;
  background-position: left 1em top 50%;
  background-size: 5px auto;
}

.arrow-right-white {
  background: url("/assets/images/commons/arrow-right-white.svg") #ED0C27;
  background-repeat: no-repeat;
  background-position: right 1em top 50%;
  background-size: 20px auto;
}

.arrow-left-white {
  background: url("/assets/images/commons/arrow-left-white.svg") #ED0C27;
  background-repeat: no-repeat;
  background-position: left 1em top 50%;
  background-size: 20px auto;
}

.row-btn {
  margin-top: 90px;
}
@media screen and (max-width: 760px) {
  .row-btn {
    margin-top: 60px;
  }
}

.btn-black {
  border: 1px solid #000;
  background: #000;
  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;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
}

.btn-center {
  margin-right: auto;
  margin-left: auto;
}

.btn-right {
  margin-left: auto;
}

.col2 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: -3.922%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.col2 > ul > li {
  margin-top: 3.922%;
  width: 48.039%;
}

.col3 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: -5.333%;
  margin-right: -5.333%;
}
.col3 > ul > li {
  margin-right: 5.333%;
  margin-top: 5.333%;
  width: 28%;
}
@media screen and (max-width: 760px) {
  .col3 > ul > li {
    margin-right: 3.333%;
    margin-top: 3.333%;
    width: 46.666%;
  }
}
@media screen and (max-width: 760px) {
  .col3 > ul > li .detail p {
    font-size: 1.4rem;
  }
}

.title-base {
  text-align: center;
  font-size: 3rem;
  color: #EA1530;
  padding: 0 25px;
  position: relative;
}
@media screen and (max-width: 760px) {
  .title-base {
    font-size: 2.2rem;
  }
}
.title-base h1, .title-base h2, .title-base h3, .title-base h4, .title-base h5, .title-base p {
  font-weight: bold;
}
.title-base:after {
  content: "";
  background: url("/assets/images/commons/line-title.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 1.5px;
  height: 28px;
  position: absolute;
  bottom: -35px;
}

.bg-content-top-defult {
  background: url("/assets/images/commons/bg-content-defult.jpg?SDf=sdf");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
.bg-content-top-defult .pagenation {
  margin-top: 100px;
  margin-bottom: 75px;
}
@media screen and (max-width: 760px) {
  .bg-content-top-defult .pagenation {
    margin-top: 60px;
  }
}
@media screen and (max-width: 760px) {
  .bg-content-top-defult .pagenation {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation {
    margin-top: 0;
  }
}
.bg-content-top-defult .pagenation .pagenation-content {
  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;
}
.bg-content-top-defult .pagenation .pagenation-content .prev-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bg-content-top-defult .pagenation .pagenation-content .prev-last .btn-prev-last {
  background-color: #4C4D4F;
  height: 60px;
  width: 148px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .prev-last .btn-prev-last {
    height: 40px;
    width: 40px;
    background-size: 16px auto;
    padding-left: 15px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .prev-last .btn-prev-last span {
  background: url("/assets/images/commons/arrow-prev-last.svg");
  background-repeat: no-repeat;
  background-position: left 0em top 50%;
  background-size: 23px auto;
  padding-left: 45px;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .prev-last .btn-prev-last span {
    width: 20px;
    height: 20px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .prev-last .btn-prev {
  background-color: #ED0C27;
  height: 60px;
  width: 122px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .prev-last .btn-prev {
    height: 40px;
    width: 40px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .prev-last .btn-prev span {
  background: url("/assets/images/commons/arrow-prev.svg");
  background-repeat: no-repeat;
  background-position: left 0em top 50%;
  background-size: 23px auto;
  padding-left: 45px;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .prev-last .btn-prev span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-left: 15px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .next-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bg-content-top-defult .pagenation .pagenation-content .next-last .btn-next-last {
  background-color: #4C4D4F;
  height: 60px;
  width: 148px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .next-last .btn-next-last {
    height: 40px;
    width: 40px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .next-last .btn-next-last span {
  background: url("/assets/images/commons/arrow-next-last.svg");
  background-repeat: no-repeat;
  background-position: right 0em top 50%;
  background-size: 23px auto;
  padding-right: 45px;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .next-last .btn-next-last span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-right: 15px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .next-last .btn-next {
  background-color: #ED0C27;
  height: 60px;
  width: 122px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .next-last .btn-next {
    height: 40px;
    width: 40px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .next-last .btn-next span {
  background: url("/assets/images/commons/arrow-next.svg");
  background-repeat: no-repeat;
  background-position: right 0em top 50%;
  background-size: 23px auto;
  padding-right: 45px;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .next-last .btn-next span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-right: 15px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .list-pagenation {
  margin: 0 45px;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .list-pagenation {
    margin: 0 8px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .list-pagenation > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bg-content-top-defult .pagenation .pagenation-content .list-pagenation > ul > li {
  margin: 0 5px;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .list-pagenation > ul > li {
    margin: 0 3px;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .list-pagenation > ul > li a {
  height: 59px;
  width: 59px;
  background-color: #F2F2F2;
  border-radius: 50%;
  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;
  color: #000;
  border: 1px solid #D9D9D9;
}
@media screen and (max-width: 1200px) {
  .bg-content-top-defult .pagenation .pagenation-content .list-pagenation > ul > li a {
    height: 39px;
    width: 39px;
    font-size: 1.3rem;
  }
}
.bg-content-top-defult .pagenation .pagenation-content .list-pagenation > ul > .active a {
  background-color: #343536;
  border: 1px solid #343536;
  color: #fff;
}

#menu {
  height: 161.625px;
}
@media screen and (max-width: 760px) {
  #menu {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
#menu .menu-row-top {
  background-color: #F5F6F7;
}
#menu .menu-row-top .top-detail-menu {
  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;
  padding: 20px 0px 20px 40px;
}
@media screen and (max-width: 1365px) {
  #menu .menu-row-top .top-detail-menu {
    padding: 20px 0px 20px 0px;
  }
}
#menu .menu-row-top .top-detail-menu .logo {
  max-width: 327px;
  width: 100%;
}
#menu .menu-row-bottom .bottom-detail-menu {
  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;
}
@media screen and (max-width: 1365px) {
  #menu .menu-row-bottom .bottom-detail-menu {
    padding-left: 20px;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu {
  width: 100%;
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li {
  position: relative;
  max-width: 300px;
  width: 100%;
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:after {
  content: "";
  background: url("/assets/images/commons/plus-menu.svg");
  background-repeat: no-repeat;
  background-position: right 0 top 50%;
  background-size: 9.29px auto;
  position: absolute;
  width: 9px;
  height: 9px;
  top: 45%;
}
@media screen and (max-width: 768px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:after {
    background-size: 6px auto;
  }
}
@media screen and (max-width: 800px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li {
    max-width: inherit;
    width: inherit;
    padding-right: 28px;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  height: 88px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 25px;
  margin-right: 25px;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
@media screen and (max-width: 1365px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li a {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1150px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li a {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 992px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li a {
    margin-left: 3px;
    margin-right: 3px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li a {
    font-size: 1.1rem;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li a span {
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}
@media screen and (max-width: 1365px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:first-child a {
    padding-left: 0;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:last-child {
  background: inherit;
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(1):after {
  right: 3px;
}
@media screen and (max-width: 800px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(1):after {
    right: 11px;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(2):after {
  right: -17px;
}
@media screen and (max-width: 800px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(2):after {
    right: 11px;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(3):after {
  right: 7px;
}
@media screen and (max-width: 800px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(3):after {
    right: 11px;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(4):after {
  right: -8px;
}
@media screen and (max-width: 800px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(4):after {
    right: 11px;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(5):after {
  right: -16px;
}
@media screen and (max-width: 800px) {
  #menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(5):after {
    right: 11px;
  }
}
#menu .menu-row-bottom .bottom-detail-menu .list-menu > ul li:nth-child(6):after {
  background: inherit;
}
#menu .menu-fix {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.active-mn-01 .mn-01 a,
.active-mn-02 .mn-02 a,
.active-mn-03 .mn-03 a,
.active-mn-04 .mn-04 a,
.active-mn-05 .mn-05 a,
.active-mn-06 .mn-06 a {
  border-bottom: 5px solid #ed0c27 !important;
}
@media screen and (max-width: 760px) {
  .active-mn-01 .mn-01 a,
.active-mn-02 .mn-02 a,
.active-mn-03 .mn-03 a,
.active-mn-04 .mn-04 a,
.active-mn-05 .mn-05 a,
.active-mn-06 .mn-06 a {
    border-bottom: inherit !important;
    border-left: 5px solid #ed0c27 !important;
    padding-left: 10px !important;
  }
}

.btn-contact {
  min-width: 249px;
}
@media screen and (max-width: 1365px) {
  .btn-contact {
    min-width: 180px;
  }
}
.btn-contact a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0px;
  font-size: 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #ED0C27;
  font-weight: bold;
}
.btn-contact a span {
  background: url("/assets/images/commons/icon-mail.svg");
  background-repeat: no-repeat;
  background-position: left 0 top 50%;
  background-size: 27px auto;
  padding-left: 35px;
}

.lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lang a {
  color: #ABAEB2;
}
.lang a img {
  width: 20px;
}
.lang .active {
  color: #000;
  pointer-events: none;
}
.lang span {
  margin: 0 10px;
  color: #ABAEB2;
}
.lang span img {
  width: 5px;
}

.txt-mv {
  position: absolute;
  top: 44%;
  left: 50%;
  -webkit-transform: translate(-50%, -56%);
          transform: translate(-50%, -56%);
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 760px) {
  .txt-mv {
    top: 50%;
  }
}
.txt-mv h1 {
  font-size: 4.1rem;
  font-weight: 600;
  color: #ED0C27;
  letter-spacing: 3px;
  text-shadow: 5px 5px 10px #5C5C58;
}
@media screen and (max-width: 760px) {
  .txt-mv h1 {
    font-size: 2rem;
    line-height: 1.3;
  }
}
.txt-mv h2 {
  font-size: 2.7rem;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 760px) {
  .txt-mv h2 {
    font-size: 1.4rem;
  }
}

.fixed-menu {
  position: fixed;
  width: 100%;
  z-index: 9;
  top: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.header-sp {
  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;
  padding: 20px 0;
}
.header-sp .logo {
  width: 70%;
}

.dropdown {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

@media screen and (max-width: 760px) {
  #wrapper {
    padding-top: 66px;
  }
}

#menu-sp {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
  background-color: #fff;
}

.menu-sp-start {
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.dropdown-active {
  opacity: 1;
  visibility: visible;
  width: 100%;
  background-color: #fff;
  left: 0;
  padding: 20px;
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}
.dropdown-active > ul > li {
  background: url("/assets/images/commons/plus-menu.svg");
  background-repeat: no-repeat;
  background-position: right 0 top 50%;
  background-size: 9.29px auto;
}
.dropdown-active > ul > li a {
  padding: 15px 0;
  display: block;
  font-weight: 500;
}
@media screen and (max-width: 760px) {
  .dropdown-active > ul > li a {
    border-left: 5px solid #fff;
    padding-left: 10px;
    border-bottom: inherit !important;
  }
}
.dropdown-active .lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
  margin-bottom: 20px;
}
.dropdown-active .btn-contact {
  margin-top: 20px;
}
.dropdown-active .btn-contact a {
  padding: 15px 0px;
}

#hamberger {
  width: 30px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#hamberger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#hamberger span:nth-child(1) {
  top: 0px;
}

#hamberger span:nth-child(2), #hamberger span:nth-child(3) {
  top: 9px;
}

#hamberger span:nth-child(4) {
  top: 18px;
}

#hamberger.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#hamberger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamberger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#hamberger.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.lang .active .lang-defult {
  display: none;
}
.lang .active .lang-active {
  display: block;
}

.lang-active {
  display: none;
}

.slideshow {
  position: relative;
  z-index: 1;
  height: 100%;
  max-width: 700px;
  margin: 50px auto;
}

.slideshow * {
  outline: none;
}

.slideshow .slider {
  -webkit-box-shadow: 0 20px 50px -25px black;
          box-shadow: 0 20px 50px -25px black;
}

.slideshow .slider-track {
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
}

.slideshow .item img {
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.slideshow .item.slick-active img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: cssAnimation 8s 1 ease-in-out;
  animation: cssAnimation 8s 1 ease-in-out;
}

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }
  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}
.mv {
  position: relative;
}

.slider-bg {
  top: 0;
  overflow: hidden;
  background: url("/assets/images/top/bg-slide.png?Sdf=sdf");
  background-repeat: no-repeat;
  width: 100%;
  /* use 100% of width */
  padding-bottom: 44.66%;
  /* 180px is 60% of 300px */
  background-size: cover;
  /* cover the div entirely with the background */
  position: absolute;
  z-index: 2;
  mix-blend-mode: darken;
}

.arrow-down-btn {
  bottom: 20px;
  left: 0;
  overflow: hidden;
  background: url(/assets/images/commons/arrow-down04.png);
  background-repeat: no-repeat;
  width: 9.3%;
  padding-bottom: 9.66%;
  background-size: contain;
  position: absolute;
  /* padding-right: 51%; */
  background-position-x: center;
  z-index: 3;
  cursor: pointer;
}
@media screen and (max-width: 760px) {
  .arrow-down-btn {
    bottom: 10px;
  }
}

.slick-slide {
  height: auto !important;
}

.slick-slide img {
  width: 100%;
}

@media screen and (max-width: 760px) {
  .slick-slider .slick-dots {
    bottom: -30px !important;
  }
}

.iframe-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.mfp-content {
  max-width: 760px;
  width: 100%;
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
  -webkit-transition: 1s all;
  transition: 1s all;
}
@media screen and (max-width: 760px) {
  .white-popup {
    padding: 20px;
  }
}

.mfp-bg {
  background: rgba(86, 86, 86, 0.49) !important;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-close {
  width: 80px !important;
  height: 80px !important;
  line-height: 80px;
  position: absolute;
  right: -80px !important;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1 !important;
  padding: 0 0 18px 10px;
  color: #FFF !important;
  font-style: normal;
  font-size: 0px !important;
  font-family: unset !important;
  font-weight: 100 !important;
}
.mfp-close:before {
  content: "" !important;
}
.mfp-close:after {
  background-image: url("/assets/images/commons/icon-close.svg") !important;
  background-size: 50px 50px !important;
  display: inline-block !important;
  width: 50px !important;
  height: 50px !important;
  content: "" !important;
}
@media screen and (max-width: 760px) {
  .mfp-close:after {
    background-size: 30px 30px !important;
    width: 30px !important;
    height: 30px !important;
  }
}
@media screen and (max-width: 768px) {
  .mfp-close {
    right: 0px !important;
    top: -70px !important;
  }
}
@media screen and (max-width: 760px) {
  .mfp-close {
    width: 30px !important;
    height: 30px !important;
    right: 5px !important;
    top: -35px !important;
  }
}

.bg-footer {
  background: #343536;
  padding: 50px 0;
  position: relative;
}
.bg-footer a, .bg-footer p, .bg-footer li, .bg-footer div, .bg-footer h5 {
  color: #fff;
}
.bg-footer .gototop {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -30px;
  z-index: 3;
}
.bg-footer .gototop a:hover img {
  opacity: 1;
}

.footer {
  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: 1150px) {
  .footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.footer .logo {
  width: 70%;
}
.footer .footer-right {
  width: 44.678%;
}
@media screen and (max-width: 1150px) {
  .footer .footer-right {
    width: 100%;
  }
}
.footer .footer-left {
  width: 32%;
}
@media screen and (max-width: 1150px) {
  .footer .footer-left {
    width: 100%;
  }
}
.footer .footer-left .icon-fb {
  margin-right: 60px;
  margin-top: 40px;
}
@media screen and (max-width: 1150px) {
  .footer .footer-left .icon-fb {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 760px) {
  .footer .footer-left .icon-fb {
    margin-right: 30px;
  }
}
.footer .footer-left .txt-footer-company {
  margin-top: 40px;
}
.footer .footer-left .txt-footer-company h5 {
  font-weight: bold;
}
.footer .footer-left .link-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
@media screen and (max-width: 1150px) {
  .footer .footer-left .link-footer {
    display: block;
    margin-top: 0;
  }
}
.footer .footer-left .link-footer li {
  margin-top: 0;
  margin-right: 25px;
}
@media screen and (max-width: 1150px) {
  .footer .footer-left .link-footer li + li {
    margin-top: 10px;
    margin-right: 0;
  }
}
.footer .link-footer > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 1150px) {
  .footer .link-footer > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 10px;
  }
}
.footer .link-footer > li a {
  background: url("/assets/images/commons/plus-menu.svg");
  background-repeat: no-repeat;
  background-position: left 0 top 60%;
  background-size: 9.29px auto;
  padding-left: 20px;
}
.footer .link-footer > li a:first-child {
  min-width: 274px;
}
.footer .link-footer > li a:last-child {
  min-width: 126px;
}
@media screen and (max-width: 1150px) {
  .footer .link-footer > li a + a {
    margin-top: 10px;
  }
}
.footer .socail-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.coppyright {
  text-align: center;
  color: #fff;
  margin-top: 40px;
}
@media screen and (max-width: 760px) {
  .coppyright {
    font-size: 1.2rem;
  }
}

.page-en .list-company > ul > li {
  max-width: 450px;
}
.page-en .pagenation {
  margin-top: 100px;
  margin-bottom: 75px;
}
@media screen and (max-width: 760px) {
  .page-en .pagenation {
    margin-top: 60px;
  }
}
@media screen and (max-width: 760px) {
  .page-en .pagenation {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation {
    margin-top: 0;
  }
}
.page-en .pagenation .pagenation-content {
  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;
}
.page-en .pagenation .pagenation-content .prev-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-en .pagenation .pagenation-content .prev-last .btn-prev-last {
  background-color: #4C4D4F;
  height: 60px;
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .prev-last .btn-prev-last {
    height: 40px;
    width: 40px;
    background-size: 16px auto;
    padding-left: 15px;
  }
}
.page-en .pagenation .pagenation-content .prev-last .btn-prev-last span {
  background: url("/assets/images/commons/arrow-prev-last.svg");
  background-repeat: no-repeat;
  background-position: left 0em top 50%;
  background-size: 23px auto;
  padding-left: 45px;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .prev-last .btn-prev-last span {
    width: 20px;
    height: 20px;
  }
}
.page-en .pagenation .pagenation-content .prev-last .btn-prev {
  background-color: #ED0C27;
  height: 60px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .prev-last .btn-prev {
    height: 40px;
    width: 40px;
  }
}
.page-en .pagenation .pagenation-content .prev-last .btn-prev span {
  background: url("/assets/images/commons/arrow-prev.svg");
  background-repeat: no-repeat;
  background-position: left 0em top 50%;
  background-size: 23px auto;
  padding-left: 45px;
  line-height: 1.3;
  width: 120px;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .prev-last .btn-prev span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-left: 15px;
  }
}
.page-en .pagenation .pagenation-content .next-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-en .pagenation .pagenation-content .next-last .btn-next-last {
  background-color: #4C4D4F;
  height: 60px;
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .next-last .btn-next-last {
    height: 40px;
    width: 40px;
  }
}
.page-en .pagenation .pagenation-content .next-last .btn-next-last span {
  background: url("/assets/images/commons/arrow-next-last.svg");
  background-repeat: no-repeat;
  background-position: right 0em top 50%;
  background-size: 23px auto;
  padding-right: 45px;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .next-last .btn-next-last span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-right: 15px;
  }
}
.page-en .pagenation .pagenation-content .next-last .btn-next {
  background-color: #ED0C27;
  height: 60px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  padding-right: 15px !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .next-last .btn-next {
    height: 40px;
    width: 40px;
  }
}
.page-en .pagenation .pagenation-content .next-last .btn-next span {
  background: url("/assets/images/commons/arrow-next.svg");
  background-repeat: no-repeat;
  background-position: right 0em top 50%;
  background-size: 23px auto;
  padding-right: 45px;
  line-height: 1.3;
  width: 90px;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .next-last .btn-next span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-right: 15px;
  }
}
.page-en .pagenation .pagenation-content .list-pagenation {
  margin: 0 45px;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .list-pagenation {
    margin: 0 8px;
  }
}
.page-en .pagenation .pagenation-content .list-pagenation > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-en .pagenation .pagenation-content .list-pagenation > ul > li {
  margin: 0 5px;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .list-pagenation > ul > li {
    margin: 0 3px;
  }
}
.page-en .pagenation .pagenation-content .list-pagenation > ul > li a {
  height: 59px;
  width: 59px;
  background-color: #F2F2F2;
  border-radius: 50%;
  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;
  color: #000;
  border: 1px solid #D9D9D9;
}
@media screen and (max-width: 1200px) {
  .page-en .pagenation .pagenation-content .list-pagenation > ul > li a {
    height: 39px;
    width: 39px;
    font-size: 1.3rem;
  }
}
.page-en .pagenation .pagenation-content .list-pagenation > ul > .active a {
  background-color: #343536;
  border: 1px solid #343536;
  color: #fff;
}

.page-th .btn-contact a {
  font-size: 1.8rem;
}
.page-th .pagenation {
  margin-top: 100px;
  margin-bottom: 75px;
}
@media screen and (max-width: 760px) {
  .page-th .pagenation {
    margin-top: 60px;
  }
}
@media screen and (max-width: 760px) {
  .page-th .pagenation {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation {
    margin-top: 0;
  }
}
.page-th .pagenation .pagenation-content {
  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;
}
.page-th .pagenation .pagenation-content .prev-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-th .pagenation .pagenation-content .prev-last .btn-prev-last {
  background-color: #4C4D4F;
  height: 60px;
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .prev-last .btn-prev-last {
    height: 40px;
    width: 40px;
    background-size: 16px auto;
    padding-left: 15px;
  }
}
.page-th .pagenation .pagenation-content .prev-last .btn-prev-last span {
  background: url("/assets/images/commons/arrow-prev-last.svg");
  background-repeat: no-repeat;
  background-position: left 0em top 50%;
  background-size: 23px auto;
  padding-left: 45px;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .prev-last .btn-prev-last span {
    width: 20px;
    height: 20px;
  }
}
.page-th .pagenation .pagenation-content .prev-last .btn-prev {
  background-color: #ED0C27;
  height: 60px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .prev-last .btn-prev {
    height: 40px;
    width: 40px;
  }
}
.page-th .pagenation .pagenation-content .prev-last .btn-prev span {
  background: url("/assets/images/commons/arrow-prev.svg");
  background-repeat: no-repeat;
  background-position: left 0em top 50%;
  background-size: 23px auto;
  padding-left: 45px;
  line-height: 1.3;
  width: 120px;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .prev-last .btn-prev span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-left: 15px;
  }
}
.page-th .pagenation .pagenation-content .next-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-th .pagenation .pagenation-content .next-last .btn-next-last {
  background-color: #4C4D4F;
  height: 60px;
  width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .next-last .btn-next-last {
    height: 40px;
    width: 40px;
  }
}
.page-th .pagenation .pagenation-content .next-last .btn-next-last span {
  background: url("/assets/images/commons/arrow-next-last.svg");
  background-repeat: no-repeat;
  background-position: right 0em top 50%;
  background-size: 23px auto;
  padding-right: 45px;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .next-last .btn-next-last span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-right: 15px;
  }
}
.page-th .pagenation .pagenation-content .next-last .btn-next {
  background-color: #ED0C27;
  height: 60px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  padding-right: 15px !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .next-last .btn-next {
    height: 40px;
    width: 40px;
  }
}
.page-th .pagenation .pagenation-content .next-last .btn-next span {
  background: url("/assets/images/commons/arrow-next.svg");
  background-repeat: no-repeat;
  background-position: right 0em top 50%;
  background-size: 23px auto;
  padding-right: 45px;
  line-height: 1.3;
  width: 120px;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .next-last .btn-next span {
    width: 20px;
    height: 20px;
    background-size: 16px auto;
    padding-right: 15px;
  }
}
.page-th .pagenation .pagenation-content .list-pagenation {
  margin: 0 45px;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .list-pagenation {
    margin: 0 8px;
  }
}
.page-th .pagenation .pagenation-content .list-pagenation > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-th .pagenation .pagenation-content .list-pagenation > ul > li {
  margin: 0 5px;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .list-pagenation > ul > li {
    margin: 0 3px;
  }
}
.page-th .pagenation .pagenation-content .list-pagenation > ul > li a {
  height: 59px;
  width: 59px;
  background-color: #F2F2F2;
  border-radius: 50%;
  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;
  color: #000;
  border: 1px solid #D9D9D9;
}
@media screen and (max-width: 1200px) {
  .page-th .pagenation .pagenation-content .list-pagenation > ul > li a {
    height: 39px;
    width: 39px;
    font-size: 1.3rem;
  }
}
.page-th .pagenation .pagenation-content .list-pagenation > ul > .active a {
  background-color: #343536;
  border: 1px solid #343536;
  color: #fff;
}

div.section {
  padding: 90px 0 100px 0;
}
@media screen and (max-width: 760px) {
  div.section {
    padding: 60px 0 50px 0;
  }
}

.image-hover-solution {
  position: absolute;
  top: 0;
  z-index: -1;
}

.image-hover-solution-active {
  z-index: 0;
}

.image-maps {
  position: relative;
  background: url(/assets/images/top/bg-solution.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 760px) {
  .image-maps {
    max-width: 100%;
  }
}
.image-maps .link-popup a {
  height: 45px;
}
@media screen and (max-width: 760px) {
  .image-maps .link-popup a {
    height: 30px;
  }
}
.image-maps .link-popup a:nth-child(1) {
  position: absolute;
  width: 16%;
  top: 71%;
  left: 14%;
  -webkit-transform: translate(-87%, -29%);
          transform: translate(-87%, -29%);
}
.image-maps .link-popup a:nth-child(2) {
  position: absolute;
  width: 16%;
  top: 17%;
  left: 26%;
  -webkit-transform: translate(-77%, -13%);
          transform: translate(-77%, -13%);
}
.image-maps .link-popup a:nth-child(3) {
  position: absolute;
  width: 17%;
  top: 9%;
  left: 36%;
  -webkit-transform: translate(-69%, -81%);
          transform: translate(-69%, -81%);
}
.image-maps .link-popup a:nth-child(4) {
  position: absolute;
  width: 17%;
  top: 5%;
  left: 62%;
  -webkit-transform: translate(-67%, -92%);
          transform: translate(-67%, -92%);
}
.image-maps .link-popup a:nth-child(5) {
  position: absolute;
  width: 17%;
  top: 12%;
  left: 81%;
  -webkit-transform: translate(-67%, -92%);
          transform: translate(-67%, -92%);
}
.image-maps .link-popup a:nth-child(6) {
  position: absolute;
  width: 17%;
  top: 28%;
  left: 95%;
  -webkit-transform: translate(-67%, -92%);
          transform: translate(-67%, -92%);
}
.image-maps .link-popup a:nth-child(7) {
  position: absolute;
  width: 21%;
  top: 83%;
  left: 83%;
  -webkit-transform: translate(-67%, -88%);
          transform: translate(-67%, -88%);
}
.image-maps .link-popup a:nth-child(8) {
  position: absolute;
  width: 20%;
  top: 97%;
  left: 67%;
  -webkit-transform: translate(-67%, -88%);
          transform: translate(-67%, -88%);
}
.image-maps .link-popup a:nth-child(9) {
  -webkit-clip-path: polygon(0 40%, 15% 26%, 48% 59%, 48% 71%, 33% 86%, -2% 50%);
          clip-path: polygon(0 40%, 15% 26%, 48% 59%, 48% 71%, 33% 86%, -2% 50%);
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.image-maps .link-popup a:nth-child(10) {
  -webkit-clip-path: polygon(30% 20%, 46% 38%, 40% 51%, 18% 29%);
          clip-path: polygon(30% 20%, 46% 38%, 40% 51%, 18% 29%);
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.image-maps .link-popup a:nth-child(11) {
  -webkit-clip-path: polygon(49% 7%, 58% 18%, 42% 36%, 29% 22%);
          clip-path: polygon(49% 7%, 58% 18%, 42% 36%, 29% 22%);
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.image-maps .link-popup a:nth-child(12) {
  -webkit-clip-path: polygon(50% 37%, 62% 50%, 48% 62%, 48% 62%, 50% 60%, 44% 55%, 37% 47%);
          clip-path: polygon(50% 37%, 62% 50%, 48% 62%, 48% 62%, 50% 60%, 44% 55%, 37% 47%);
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.image-maps .link-popup a:nth-child(13) {
  -webkit-clip-path: polygon(63% 10%, 79% 25%, 75% 41%, 65% 50%, 45% 32%);
          clip-path: polygon(63% 10%, 79% 25%, 75% 41%, 65% 50%, 45% 32%);
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.image-maps .link-popup a:nth-child(14) {
  -webkit-clip-path: polygon(83% 31%, 94% 48%, 78% 71%, 64% 52%);
          clip-path: polygon(83% 31%, 94% 48%, 78% 71%, 64% 52%);
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.image-maps .link-popup a:nth-child(15) {
  -webkit-clip-path: polygon(56% 50%, 69% 64%, 62% 73%, 50% 58%);
          clip-path: polygon(56% 50%, 69% 64%, 62% 73%, 50% 58%);
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.image-maps .link-popup a:nth-child(16) {
  -webkit-clip-path: polygon(51% 68%, 55% 76%, 68% 64%, 75% 71%, 47% 98%, 32% 86%);
          clip-path: polygon(51% 68%, 55% 76%, 68% 64%, 75% 71%, 47% 98%, 32% 86%);
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.image-maps img {
  opacity: 1 !important;
}

.white-popup h2 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #EA1530;
  text-align: center;
  margin-bottom: 20px;
}
.white-popup .col3 > ul {
  margin-top: -5.333%;
  margin-right: -2.333%;
}
.white-popup .col3 > ul > li {
  margin-right: 2.333%;
  margin-top: 5.333%;
  width: 31%;
}
@media screen and (max-width: 760px) {
  .white-popup .col3 > ul > li {
    width: 47%;
  }
}
.white-popup .col3 > ul > li .txt-detail h3 {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
}
.white-popup .col3 > ul > li .txt-detail p {
  font-size: 1.2rem;
}
.white-popup .row-btn {
  font-size: 1.4rem;
  margin-top: 50px;
  font-weight: bold;
}
@media screen and (max-width: 760px) {
  .white-popup .row-btn a.btn-red {
    max-width: 250px;
    height: 50px;
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .white-popup .row-btn a.btn-red span {
    background-size: 25px auto;
    padding-left: 30px;
  }
}

.bg-content-manufacturing {
  background: url("/assets/images/top/plus-bg-slide.png?ASd=asd");
  background-repeat: no-repeat;
  background-size: contain;
}

.list-manufacturing {
  width: 94%;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
@media screen and (max-width: 760px) {
  .list-manufacturing {
    margin-top: 30px;
  }
}
.list-manufacturing > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.list-manufacturing > ul > li {
  margin-left: 2%;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .list-manufacturing > ul > li {
    margin-left: 4%;
  }
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li {
    width: 100%;
    margin-left: 0;
  }
}
.list-manufacturing > ul > li:first-child {
  margin-left: 0;
}
.list-manufacturing > ul > li .images {
  max-width: 267px;
  height: 195px;
  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;
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li .images {
    max-width: 100%;
  }
}
.list-manufacturing > ul > li .images img {
  margin-left: auto;
  margin-right: auto;
}
.list-manufacturing > ul > li .detail {
  font-weight: 300;
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li .detail {
    max-width: 290px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.list-manufacturing > ul > li .detail h3 {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li .detail h3 {
    text-align: center;
  }
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li .detail > ul {
    margin-top: 15px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.list-manufacturing > ul > li .detail > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li .detail > ul > li span {
    letter-spacing: 0;
  }
  .list-manufacturing > ul > li .detail > ul > li span:first-child {
    margin-right: 2px;
  }
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li .detail > ul > li .fix-width-sp:last-child {
    width: 200px;
  }
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li .detail {
    margin-top: 20px;
  }
}
@media screen and (max-width: 760px) {
  .list-manufacturing > ul > li + li {
    margin-top: 20px;
  }
}

.list-what-you-can {
  margin-top: 75px;
}
@media screen and (max-width: 760px) {
  .list-what-you-can {
    margin-top: 40px;
  }
}
.list-what-you-can > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 760px) {
  .list-what-you-can > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.list-what-you-can > ul > li {
  width: 33%;
  padding: 123px 64px;
}
@media screen and (max-width: 760px) {
  .list-what-you-can > ul > li {
    width: 100%;
  }
}
@media screen and (max-width: 1150px) {
  .list-what-you-can > ul > li {
    padding: 80px 20px;
  }
}
@media screen and (max-width: 760px) {
  .list-what-you-can > ul > li {
    padding: 60px 20px;
  }
}
.list-what-you-can > ul > li .image img {
  margin-left: auto;
  margin-right: auto;
}
.list-what-you-can > ul > li .txt {
  margin-top: 40px;
}
.list-what-you-can > ul > li .txt p {
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1150px) {
  .list-what-you-can > ul > li .txt p br {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .list-what-you-can > ul > li .txt p br {
    display: block;
  }
}
.list-what-you-can > ul > li:nth-child(1) {
  background-color: #D8131F;
}
.list-what-you-can > ul > li:nth-child(2) {
  background-color: #ED0C27;
}
.list-what-you-can > ul > li:nth-child(3) {
  background-color: #FF2436;
}

.bg-grey-overlay {
  background: linear-gradient(179deg, #F4F4F4 10%, #F4F4F4 80%, rgba(255, 255, 255, 0.7) 100%);
}

.infographic-food-hygiene {
  margin-top: 75px;
  background: url(/assets/images/top/bg-Infographic01.jpg);
  background-repeat: repeat-x;
  background-size: contain;
  background-position: left;
  padding-bottom: 100px;
}
@media screen and (max-width: 760px) {
  .infographic-food-hygiene {
    margin-top: 40px;
  }
}
@media screen and (max-width: 760px) {
  .infographic-food-hygiene {
    padding-bottom: 60px;
  }
}
.infographic-food-hygiene img {
  margin-left: auto;
  margin-right: auto;
}
.infographic-food-hygiene .sub-note-solution {
  margin-bottom: 40px;
}
@media screen and (max-width: 760px) {
  .infographic-food-hygiene .sub-note-solution {
    margin-bottom: 20px;
  }
}
.infographic-food-hygiene .sub-note-solution p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 760px) {
  .infographic-food-hygiene .sub-note-solution p {
    font-size: 1.4rem;
  }
}

.bg-pr {
  background: url("/assets/images/top/bg_pr.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.list-video-pr {
  margin-top: 75px;
}
@media screen and (max-width: 760px) {
  .list-video-pr {
    margin-top: 40px;
  }
}
.list-video-pr ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -4.044%;
  margin-top: -4.044%;
}
@media screen and (max-width: 760px) {
  .list-video-pr ul {
    margin-left: 0;
    margin-top: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.list-video-pr ul > li {
  width: 29.2%;
  margin-left: 4.044%;
  margin-top: 4.044%;
}
@media screen and (max-width: 760px) {
  .list-video-pr ul > li {
    width: 100%;
    margin-left: 0;
  }
}
.list-video-pr ul > li .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; 
}
.list-video-pr ul > li .video-embed-internal {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 0%; 
}
.list-video-pr ul > li iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 760px) {
.list-video-pr ul > li .video-embed-internal {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; 
}
}
.list-video-pr ul > li iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 760px) {
  .list-video-pr ul > li + li {
    margin-top: 20px;
  }
}

.bg-hygiene-blog {
  padding-bottom: 125px !important;
}
@media screen and (max-width: 760px) {
  .bg-hygiene-blog {
    padding-bottom: 80px !important;
  }
}

.list-hygiene-blog {
  margin-top: 40px;
}
@media screen and (max-width: 760px) {
  .list-hygiene-blog {
    margin-top: 30px;
  }
}
.list-hygiene-blog ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -4.044%;
  margin-top: -5.639%;
}
@media screen and (max-width: 760px) {
  .list-hygiene-blog ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 0;
    margin-top: 0;
  }
}
.list-hygiene-blog ul > li {
  width: 29.2%;
  margin-left: 4.044%;
  margin-top: 5.639%;
}
@media screen and (max-width: 760px) {
  .list-hygiene-blog ul > li {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  .list-hygiene-blog ul > li .images img {
    width: 100%;
  }
}
.list-hygiene-blog ul > li .txt-detail h3 {
  margin-top: 20px;
  font-weight: bold;
}
.list-hygiene-blog ul > li .txt-detail p {
  margin-top: 25px;
}
@media screen and (max-width: 760px) {
  .list-hygiene-blog ul > li .txt-detail p {
    margin-top: 15px;
  }
}

.category-blue {
  background-color: #3F93F5;
}

.category-indigo {
  background-color: #12D2EB;
}

.category-yellow {
  background-color: #EBD212;
}

.banner-category {
  font-size: 1.2rem;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 10px 5px 10px;
  margin-top: 20px;
}

.btn-category {
  max-width: 1100px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 760px) {
  .btn-category {
    margin-bottom: 0px;
  }
}
.btn-category > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 760px) {
  .btn-category > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.btn-category > ul > li {
  width: 24%;
  margin-left: 0.5%;
  margin-right: 0.5%;
}
@media screen and (max-width: 1150px) {
  .btn-category > ul > li {
    width: 24.5%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 760px) {
  .btn-category > ul > li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px;
    margin-top: 10px;
  }
}
.btn-category > ul > li .active {
  background-color: #ED1C2E;
}
.btn-category > ul > li a {
  background-color: #4C4D4F;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 0 13px 0;
  font-size: 1.3rem;
  font-weight: 500;
}
@media screen and (max-width: 1150px) {
  .btn-category > ul > li a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 760px) {
  .btn-category > ul > li a {
    font-size: 1.6rem;
  }
}

.list-news {
  margin-top: 60px;
}
@media screen and (max-width: 760px) {
  .list-news {
    margin-top: 30px;
  }
}
.list-news > ul > li {
  padding: 30px 0;
}
.list-news > ul > li a {
  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;
}
@media screen and (max-width: 760px) {
  .list-news > ul > li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.list-news > ul > li a .date {
  font-family: "Helvetica", sans-serif;
  padding: 3px 30px 3px 0px;
  border-right: 1px solid #A0A0A0;
  margin-right: 30px;
}
@media screen and (max-width: 760px) {
  .list-news > ul > li a .date {
    padding: 3px 0px 3px 0px;
    margin-right: 0px;
    border-right: 0px solid #A0A0A0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.list-news > ul > li a .date p {
  font-size: 3.1rem;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 760px) {
  .list-news > ul > li a .date p {
    font-size: 2.1rem;
  }
  .list-news > ul > li a .date p:after {
    content: "/";
  }
}
.list-news > ul > li a .date p:last-child {
  font-size: 3.7rem;
  color: #DBDBDB;
}
@media screen and (max-width: 760px) {
  .list-news > ul > li a .date p:last-child {
    font-size: 2.1rem;
  }
  .list-news > ul > li a .date p:last-child:after {
    content: "";
  }
}
.list-news > ul > li a .txt-detail {
  padding: 10px 0;
  font-weight: initial;
}
.list-news > ul > li a .txt-detail .txt-title {
  font-weight: bold;
}
@media screen and (max-width: 760px) {
  .list-news > ul > li:first-child {
    padding-top: 0;
  }
}
.list-news > ul > li + li {
  border-top: 1px solid #EDEDED;
}

.bg-company {
  background: url("/assets/images/top/company-sup01.png?Sdf=sdf"), url("/assets/images/top/company-sup02.png?Sdf=sdf"), url("/assets/images/top/bg-company.jpg?Asd=asd");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: contain, contain, cover;
  background-position: top left, bottom right, bottom;
  position: relative;
}

.sub-title-company {
  text-align: center;
  margin-top: 50px;
}
.list-company h4 {
  text-align: center;
  margin-top: 30px;
}
.list-company > ul {
  margin-top: 5px;
}
.list-company > ul > li {
  background-color: #ED0C27;
  padding: 5px 25px;
  max-width: 425px;
  border-radius: 30px;
  color: #fff;
  margin-right: auto;
  margin-left: auto;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 760px) {
  .list-company > ul > li {
    font-size: 1.3rem;
    padding: 10px 25px;
  }
}
.list-company > ul > li + li {
  margin-top: 5px;
}

.txt-company h4 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #ED0C27;
  margin-top: 35px;
}
.txt-company h5 {
  font-size: 2rem;
  font-weight: lighter;
  text-align: center;
}
@media screen and (max-width: 760px) {
  .txt-company h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .txt-company h5 span {
    display: none;
  }
}
.txt-company h5 a {
  font-weight: bold;
}
.txt-company p {
  text-align: center;
  font-weight: initial;
}

@media screen and (max-width: 768px) {
  .bg-news {
    padding-bottom: 0 !important;
  }
}

.content-popup > ul > li .image {
  border: 1px solid #efefef;
}
.content-popup > ul > li .image img {
  margin-left: auto;
  margin-right: auto;
}

.detail-hyginene-blog {
  padding: 90px 0 100px 0;
}
@media screen and (max-width: 760px) {
  .detail-hyginene-blog {
    padding: 60px 0 50px 0;
  }
}
.detail-hyginene-blog .btn-category {
  margin-top: 120px;
}
@media screen and (max-width: 760px) {
  .detail-hyginene-blog .btn-category {
    margin-top: 60px;
  }
}
.detail-hyginene-blog .list-hygiene-blog {
  margin-top: 60px;
  padding-bottom: 100px;
}
@media screen and (max-width: 760px) {
  .detail-hyginene-blog .list-hygiene-blog {
    margin-top: 30px;
  }
}
@media screen and (max-width: 760px) {
  .detail-hyginene-blog .list-hygiene-blog {
    padding-bottom: 60px;
  }
}

.txt-detail .date-category {
  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;
}
.txt-detail .date-category .date {
  font-weight: bold;
  margin-right: 10px;
}
.txt-detail .date-category .banner-category {
  margin-top: 0;
}
.txt-detail .txt-image {
  margin-top: 40px;
}
@media screen and (max-width: 760px) {
  .txt-detail .txt-image {
    margin-top: 25px;
  }
}
.txt-detail .txt-image .row > ul li {
  margin-top: 20px;
}
@media screen and (max-width: 760px) {
  .txt-detail .txt-image .row > ul li {
    margin-top: 20px;
  }
}
.txt-detail .txt {
  margin-top: 40px;
}
@media screen and (max-width: 760px) {
  .txt-detail .txt {
    margin-top: 25px;
  }
}
.txt-detail .pmargin-top-40 {
  margin-top: 40px;
}
@media screen and (max-width: 760px) {
  .txt-detail .pmargin-top-40 {
    margin-top: 25px;
  }
}
.txt-detail .row-btn {
  margin-top: 60px;
}
@media screen and (max-width: 760px) {
  .txt-detail .row-btn {
    margin-top: 30px;
  }
}

.title-txt-detail {
  font-size: 3.6rem;
}
@media screen and (max-width: 760px) {
  .title-txt-detail {
    font-size: 2.6rem;
  }
}
.title-txt-detail h1, .title-txt-detail h2, .title-txt-detail h3, .title-txt-detail h4, .title-txt-detail p {
  line-height: 1.8;
  font-weight: bold;
}
@media screen and (max-width: 1150px) {
  .title-txt-detail h1 br, .title-txt-detail h2 br, .title-txt-detail h3 br, .title-txt-detail h4 br, .title-txt-detail p br {
    display: none;
  }
}

.sub-title-txt-detail {
  font-size: 2.4rem;
  margin-top: 40px;
}
@media screen and (max-width: 760px) {
  .sub-title-txt-detail {
    margin-top: 25px;
  }
}
@media screen and (max-width: 760px) {
  .sub-title-txt-detail {
    font-size: 2rem;
  }
}
.sub-title-txt-detail h1, .sub-title-txt-detail h2, .sub-title-txt-detail h3, .sub-title-txt-detail h4, .sub-title-txt-detail p {
  line-height: 1.8;
  font-weight: bold;
}

.bg-content-contact {
  background: url("/assets/images/contact/bg.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  padding-bottom: 180px !important;
}

.form-contact {
  max-width: 727px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 75px;
}
@media screen and (max-width: 760px) {
  .form-contact {
    margin-top: 40px;
  }
}
.form-contact ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.form-contact ul li label {
  margin-bottom: 15px;
  font-weight: bold;
}
.form-contact ul li label span {
  color: #ED0C27;
}
.form-contact ul li + li {
  margin-top: 30px;
}
.form-contact ul .check-box-multi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.form-contact ul .check-box-multi .list-checkbox {
  width: 32%;
  margin-right: 2%;
}
.form-contact ul .check-box-multi .list-checkbox:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width : 600px) {
  .form-contact ul .check-box-multi .list-checkbox {
    width: 48%;
    margin-right: 4%;
  }
  .form-contact ul .check-box-multi .list-checkbox:nth-child(3n) {
    margin-right: 4%;
  }
  .form-contact ul .check-box-multi .list-checkbox:nth-child(2n) {
    margin-right: 0 !important;
  }
}
@media screen and (max-width : 480px) {
  .form-contact ul .check-box-multi .list-checkbox {
    width: 100%;
    margin-right: 0 !important;
  }
}
.form-contact ul .check-box-multi .chkbox-btn {
  padding-left: 30px;
  letter-spacing: 0;
}
@media screen and (max-width : 600px) {
  .form-contact ul .check-box-multi .chkbox-btn br {
    display: none;
  }
}
.form-contact p.error {
  color: #ED0C27;
  font-size: 1.4rem;
}

.text-input, input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 760px) {
  textarea {
    height: 200px;
  }
}

select {
  color: #BABABA;
}

.chkbox-btn {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-top: 0px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 500 !important;
}

/* Hide the browser's default checkbox */
.chkbox-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.chkbox {
  position: absolute;
  top: 3px;
  left: 0;
  border: 2px solid #000;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border-radius: 3px;
}

.chkbox-btn a {
  text-decoration: underline;
}

/* On mouse-over, add a grey background color */
.chkbox-btn:hover input ~ .chkbox {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.chkbox-btn input:checked ~ .chkbox {
  background-color: #ed0c27;
  border-color: #ed0c27;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chkbox-btn input:checked ~ .chkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.chkbox-btn .chkbox:after {
  top: 2px;
  left: 6px;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BABABA;
  opacity: 1;
  /* Firefox */
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BABABA;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BABABA;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BABABA;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BABABA;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #BABABA;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #BABABA;
}

select.textbox {
  background-image: url("/assets/images/commons/btn-arrow-down-black.svg");
  background-repeat: no-repeat;
  background-position: center right 10px;
  background-size: 15px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.form-contact .row-btn button {
  color: #fff;
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
  font-size: 1.6rem;
  cursor: pointer;
  padding: 19px 0;
}
.form-contact .row-btn button:hover {
  opacity: 0.6;
}
.form-contact .row-btn.btn-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.form-contact .row-btn.btn-confirm .btn-grey {
  background-color: #A8A8A8 !important;
  color: #fff;
  margin-right: 1.5%;
}
.form-contact .row-btn.btn-confirm .btn-red {
  margin-left: 1.5%;
}

.form-contact.thanks h2 {
  font-size: 2.1rem;
  font-weight: bold;
}
.form-contact.thanks a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .form-contact.thanks a[href^="tel:"] {
    pointer-events: all;
  }
}
.form-contact.thanks .btn-thanks {
  background-color: #000 !important;
  color: #fff;
  border-color: #000 !important;
}