@charset "utf-8";
/* CSS Document */
@media (max-width: 1320px) {
  .customPrevBtn {
    left: 15px;
  }
  .customNextBtn {
    right: 15px;
  }
}
@media (max-width: 1280px) {
  .fc_point {
    padding: 20px 20px;
  }
}
@media (max-width: 1210px) {
  .popupindex_qb {
    width: calc(100vw - 200px);
  }
  #posfixed_qb {
    left: 50%;
    margin-left: calc((100vw - 200px) / 2 * -1);
  }
}
@media (max-width: 1150px) {
  .menudisplayd {
    display: none;
  }
  .menudisplaym {
    display: block;
  }
  .bx-wrapper .bx-controls-direction a {
    display: none !important;
  }
}
@media (max-width: 1120px) {
  .displayd1120 {
    display: none;
  }
  .displaym1120 {
    display: block;
  }
  .tablehp2 td.tdhp2_1 {
    padding-right: 25px;
  }
  .tablehp2 td.tdhp2_2 {
    padding-left: 25px;
  }
}
@media (max-width: 1090px) {
  ul.sf-menu .headermenubtn {
    padding: 0px 10px;
  }
}
@media (max-width: 1050px) {
}
@media (max-width: 1000px) {
  .displayd1000 {
    display: none;
  }
  .displaym1000 {
    display: block;
  }
  .searchinlineblocksearch {
    margin-left: 15px;
  }
  .hp3pointimg {
    height: 30vw;
  }
  .customPrevBtn {
    top: 11.5vw;
  }
  .customNextBtn {
    top: 11.5vw;
  }
  .tdhp4_1pad {
    padding: 30px 0px;
  }
  .hp5point_a_pad {
    padding: 25px 35px;
  }
  .tablefooter td.tdfooter {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
  }
  .tablefooter td.tdfooter1 {
    width: 100%;
    padding-bottom: 40px;
  }
  .tablefooter td.tdfooter2 {
    width: 40%;
  }
  .tablefooter td.tdfooter3 {
    width: 20%;
  }
  .tablefooter td.tdfooter4 {
    width: 20%;
    padding-top: 25px;
  }
  .tablefooter td.tdfooter5 {
    width: 20%;
  }
  .tdap2_2pad {
    padding: 30px 40px;
  }
  .tablevm2 td.tdvm2 {
    padding: 30px 0px;
  }
  .tablevm2 td.tdvm2_1 {
    padding-right: 30px;
  }
  .tablevm2 td.tdvm2_2 {
    padding-left: 30px;
  }
  .prodpoint {
    padding: 30px;
  }
  .proddetail {
    padding: 30px;
  }
}
@media (max-width: 950px) {
  .popupindex2 {
    width: calc(100% - 80px);
    margin-left: calc((50% - 40px) * -1);
  }
  .tablehnews td.tdhnews1 {
    width: 50%;
    padding-right: 10px;
  }
  .tablehnews td.tdhnews2 {
    padding-left: 10px;
  }
  .hnewsimgpad {
    padding: 20px 25px;
  }
  .webfooterpart1 {
    padding-bottom: 125px;
  }
}
@media (max-width: 900px) {
  .homepart1a_point {
    padding: 15px 40px 15px 25px;
    background: url(images/arrow_right2.png) no-repeat right 20px center;
    background-size: auto 13px;
  }
  .homepart1a_img {
    padding-right: 20px;
  }
  .homepart1a_txt {
    width: calc(100% - 65px);
  }
  .tablefc td.tdfc1 {
    padding-right: 30px;
  }
  .tablefc td.tdfc2 {
    padding-left: 30px;
    border-right: 0px;
  }
  .productbtn {
    min-width: 100px;
    padding: 0px 10px;
    margin: 0px 4px 4px 4px;
    font-size: 14px;
  }
  .storepointpad {
    padding: 15px 20px;
  }
  .careerpoint {
    width: 50%;
    padding-right: 20px;
    margin-bottom: 50px;
  }
}
@media (max-width: 850px) {
  .displayd850 {
    display: none;
  }
  .displaym850 {
    display: block;
  }
  .vmtxt {
    padding-left: 24px;
    width: calc(100% - 77px);
  }
  .prodapp_col3 {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }
  .prodappimg {
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
  }
  .prodapptxt {
    width: calc(100% - 120px);
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
  }
  .tableproductb td.tdproductb2 {
    width: 50%;
  }
  .prodapp_col3padbot20 {
    display: inline-block;
    padding-bottom: 0px;
  }
  .prodappin {
    padding-bottom: 20px;
  }
}
@media (max-width: 800px) {
  .displayd800 {
    display: none;
  }
  .displaym800 {
    display: block;
  }
  .table800width100percent td {
    display: block;
    width: 100%;
  }
  .table800width100percent td.displayd {
    display: none;
  }
  .containerpadding35 {
    margin: 0px auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .containerpadding30 {
    margin: 0px auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .marginfitleft35px {
    margin-left: -20px;
  }
  .marginfitleft30px {
    margin-left: -20px;
  }
  .searchinlineblocksearch {
    display: none;
  }
  .tablehp2 td.tdhp2 {
    display: block;
    width: 100%;
  }
  .tablehp2 td.tdhp2_1 {
    padding-right: 0px;
    padding-bottom: 40px;
  }
  .tablehp2 td.tdhp2_2 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .tablehp4 .tdhp4 {
    display: block;
    width: 100%;
  }
  .tablehp4 .tdhp4_1 {
  }
  .tablehp4 .tdhp4_2 {
  }
  .tdhp4_1pad_pl1 {
    padding-right: 20px;
  }
  .tdhp4_1pad {
    padding: 40px 0px;
  }
  .tablehp5body td.tdhp5body {
    display: block;
    width: calc(100% - 20px);
  }
  .tablehp5body td.tdhp5body_1 {
    padding-bottom: 20px;
  }
  .tablehp5body td.tdhp5body_2 {
  }
  .tablefc td.tdfc {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    bottom-right: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .tablefc td.tdfc1 {
    padding-right: 0px;
    border-right: 0px;
    padding-bottom: 70px;
  }
  .tablefc td.tdfc2 {
    padding-left: 0px;
    border-right: 0px;
  }
  .storecol3 {
    width: 50%;
  }
}
@media (max-width: 720px) {
  .displayd {
    display: none;
  }
  .displaym {
    display: block;
  }
  .displaym_inlineblock {
    display: inline-block;
  }
  .table720width100percent td {
    display: block;
    width: 100%;
  }
  .table720width100percent td.displayd {
    display: none;
  }
  .headnavdisplaym {
    display: block;
    /*padding:0px 20px;*/
  }
  .page_title0,
  .pagetitle0 {
    font-size: 25px;
  }
  .page_title0b,
  .pagetitle0b {
    font-size: 25px;
    line-height: 35px;
    font-family: "Metropolis-Bold";
  }
  .page_title1,
  .pagetitle1 {
    font-size: 20px;
  }
  .page_title2,
  .pagetitle2 {
    font-size: 20px;
    line-height: 30px;
  }
  .page_title2b,
  .pagetitle2b {
    font-size: 20px;
    line-height: 30px;
  }
  .page_title2l,
  .pagetitle2l {
    font-size: 20px;
    line-height: 30px;
  }
  .page_title3,
  .pagetitle3 {
    font-size: 18px;
    line-height: 25px;
  }
  .page_title3b,
  .pagetitle3b {
    font-size: 18px;
    line-height: 25px;
  }
  .page_title4,
  .pagetitle4 {
    font-size: 17px;
    line-height: 25px;
  }
  .page_title4b,
  .pagetitle4b {
    font-size: 17px;
    line-height: 25px;
  }
  .page_title5,
  .pagetitle5 {
    font-size: 15px;
    line-height: 25px;
  }
  .page_title5b,
  .pagetitle5b {
    font-size: 15px;
    line-height: 25px;
  }
  .page_title6,
  .pagetitle6 {
    font-size: 14px;
    line-height: 20px;
  }
  .page_title6b,
  .pagetitle6b {
    font-size: 14px;
    line-height: 20px;
  }
  .page_title7,
  .pagetitle7 {
    font-size: 16px;
    line-height: 21px;
  }
  .page_title7b,
  .pagetitle7b {
    font-size: 16px;
    line-height: 21px;
  }
  .page_title7l,
  .pagetitle7l {
    font-size: 16px;
    line-height: 21px;
  }
  .page_title8,
  .pagetitle8 {
    font-size: 30px;
  }
  .page_title9,
  .pagetitle9 {
    font-size: 14px;
    line-height: 28px;
  }
  .page_title9b,
  .pagetitle9b {
    font-size: 14px;
    line-height: 28px;
  }
  .page_description1,
  .pagedescription1 {
    font-size: 14px;
    line-height: 22px;
  }
  .page_description2,
  .pagedescription2 {
  }
  .page_description3,
  .pagedescription3 {
  }
  .btn1 {
    padding: 0px 20px;
    height: 40px;
  }
  .btn1t {
    font-size: 16px;
  }
  .btn1download {
    padding-left: 65px;
  }
  .btn2 {
    padding: 0px 20px;
    height: 40px;
    font-size: 14px;
  }
  .wa_float_icon {
    right: 15px;
    bottom: 15px;
  }
  .wa_float_icon img {
    max-width: 50px;
  }
  .homepart1 {
    height: 100vw;
  }
  .tablehomepart1a td.tdhomepart1a1 {
    display: block;
    width: 100%;
    border-right: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .homepart2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .homepart3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .hp3pointimg {
    height: 45vw;
  }
  .customPrevBtn {
    top: 16.5vw;
  }
  .customNextBtn {
    top: 16.5vw;
  }
  .tablehp5in td.tdhp5in2 {
    padding-left: 20px;
    padding-right: 30px;
    background: url(images/arrow_more.png) no-repeat right 20px center;
  }
  .tablefooter td.tdfooter2 {
    width: 60%;
    padding-bottom: 30px;
  }
  .tablefooter td.tdfooter3 {
    width: 40%;
    padding-bottom: 30px;
  }
  .tablefooter td.tdfooter4 {
    width: 59%;
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .tablefooter td.tdfooter5 {
    width: 40%;
  }
  .headerimg {
    height: 350px;
  }
  .tableap2 td.tdap2 {
    display: block;
    width: 100%;
  }
  .tableap2 td.tdap2_1 {
  }
  .tableap2 td.tdap2_2 {
    padding-bottom: 60px;
  }
  .aboutpart3 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .aboutpart4 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .menucpoint {
    padding: 0px 15px;
  }
  .tdap2_2pad {
    padding: 30px 20px;
  }
  .tablevm2 td.tdvm2 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 20px;
  }
  .tablevm2 td.tdvm2_1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0px;
  }
  .tablevm2 td.tdvm2_2 {
  }
  .tablecnews td.tdcnews {
    display: block;
    width: 100%;
  }
  .tablecnews td.tdcnews1 {
  }
  .tablecnews td.tdcnews2 {
    padding-top: 30px;
    padding-left: 0px;
  }
  .tdnews_2 {
    padding-left: 25px;
  }
  .tablehp6 td.tdhp6 {
    display: block;
    width: 100%;
  }
  .tablehp6 td.tdhp6_1 {
    padding: 30px 25px;
    box-sizing: border-box;
  }
  .tablehp6 td.tdhp6_2 {
  }
  .tdhp6_2 .borderradius10right {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
  }
  .tdhp6_2videoiframe {
    height: 400px !important;
  }
  .tableproduct td.tdproduct {
    display: block;
    width: 100%;
  }
  .tableproduct td.tdproduct1 {
    padding-right: 0px;
    padding-bottom: 25px;
    text-align: center;
  }
  .tableproduct td.tdproduct2 {
    text-align: center;
  }
  .pvpoint {
    width: 100%;
    max-width: 250px;
    text-align: left;
    margin: 0px auto;
  }
  .tableproductb td.tdproductb {
    display: block;
    width: 100%;
  }
  .tableproductb td.tdproductb1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    text-align: center;
  }
  .tableproductb td.tdproductb2 {
    padding-left: 0px;
    padding-top: 30px;
    text-align: center;
  }
  .tablecare td.tdcare {
    display: block;
    width: 100%;
  }
  .tablecare td.tdcare1 {
    padding-right: 0px;
    white-space: normal;
  }
  .tablecare td.tdcare2 {
    display: none;
  }
}
@media (max-width: 640px) {
  .displayd640 {
    display: none !important;
  }
  .displaym640 {
    display: block !important;
  }
  .nds_point {
    width: 100%;
    display: block;
    padding: 0px 10px 20px 10px;
    max-width: 400px;
    margin: 0px auto;
  }
  .newsimgdiv {
    height: 70vw;
  }
  .homepart1a_img {
    width: 35px;
  }
  .webfooterpart1 {
    padding-bottom: 70px;
    background-size: 75% auto;
  }
}
@media (max-width: 600px) {
  .table600width100percent td {
    float: left;
    display: block;
    width: 100%;
  }
  .displayd600 {
    display: none !important;
  }
  .tablehp5 td.tdhp5 {
    display: block;
    width: 100%;
  }
  .tablehp5 td.tdhp5_1 {
    padding-bottom: 20px;
    text-align: center;
  }
  .tablehp5 td.tdhp5_2 {
    padding-left: 0px;
    text-align: center;
  }
  .visionmissiondesc1 li {
    padding: 15px 0px;
  }
  .visionmissiondesc2 li {
    padding: 10px 0px;
  }
  .careerpoint {
    width: 100%;
    padding-right: 0px;
  }
}

@media (max-width: 540px) {
  .table540width100percent td {
    float: left;
    display: block;
    width: 100%;
  }
  .popupindex2 {
    width: calc(100% - 40px);
    margin-left: calc((50% - 20px) * -1);
  }
  .storecol3 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .displayd480 {
    display: none !important;
  }
  .hp3pointimg {
    height: 90vw;
  }
  .customPrevBtn {
    top: 34.5vw;
  }
  .customNextBtn {
    top: 34.5vw;
  }
  ul.sf-menu .lang_t_img1,
  .lang_t_img1 {
    margin-right: 0px;
  }
  .tablehnews td.tdhnews {
    display: block;
    width: 100%;
  }
  .tablehnews td.tdhnews1 {
    padding-right: 0px;
    padding-bottom: 20px;
  }
  .tablehnews td.tdhnews2 {
    padding-left: 0px;
  }
}
@media (min-width: 768px) {
  .form_apply {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}