@charset "UTF-8";
/*
Theme Name: Organo
Author: FOIS
*/
*,
*::after,
*::before {
  box-sizing: border-box; }

body,
button,
input,
select,
textarea {
  font-family: "Inter", sans-serif; }

body:lang(ja),
button:lang(ja),
input:lang(ja),
select:lang(ja),
textarea:lang(ja) {
  font-family: "Noto Sans JP", sans-serif; }

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
div,
span,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
a,
img,
label,
form,
input,
textarea {
  margin: 0;
  padding: 0; }

ol,
ul {
  list-style: none; }

img {
  border: 0;
  height: auto;
  line-height: 1;
  vertical-align: bottom;
  max-width: 100%; }

a {
  background: transparent;
  cursor: pointer;
  outline: 0 none; }

html {
  display: flex;
  flex-direction: column; }

body {
  color: #111;
  line-height: calc(28/16); }
  @media (max-width: 767px) {
    body {
      font-size: 14px; } }

main {
  flex: 1 1 auto; }
  main.js_menu_open {
    max-height: 50px;
    overflow: hidden; }
    @media (min-width: 768px) {
      main.js_menu_open {
        max-height: unset;
        overflow: unset; } }

.container {
  margin: 0 auto;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px; }

.mg_tp5 {
  margin-top: 5px; }

.mg_bt5 {
  margin-bottom: 5px; }

.mg_tp10 {
  margin-top: 10px; }

.mg_bt10 {
  margin-bottom: 10px; }

.mg_tp15 {
  margin-top: 15px; }

.mg_bt15 {
  margin-bottom: 15px; }

.mg_tp20 {
  margin-top: 20px; }

.mg_bt20 {
  margin-bottom: 20px; }

.mg_tp25 {
  margin-top: 25px; }

.mg_bt25 {
  margin-bottom: 25px; }

.mg_tp30 {
  margin-top: 30px; }

.mg_bt30 {
  margin-bottom: 30px; }

.mg_tp35 {
  margin-top: 35px; }

.mg_bt35 {
  margin-bottom: 35px; }

.mg_tp40 {
  margin-top: 40px; }

.mg_bt40 {
  margin-bottom: 40px; }

.mg_tp45 {
  margin-top: 45px; }

.mg_bt45 {
  margin-bottom: 45px; }

.mg_tp50 {
  margin-top: 50px; }

.mg_bt50 {
  margin-bottom: 50px; }

html {
  height: 100%; }

html,
body {
  min-width: 320px; }

body {
  font-weight: 400;
  overflow-x: hidden;
  font-size: 16px; }
  body.fixscroll {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }
  @media (max-width: 767px) {
    body {
      font-size: 0.85rem; }
      body.fixscroll {
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%; } }

#wpadminbar {
  position: fixed !important; }

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

a {
  transition: all 0.3s;
  color: #075DCC;
  text-decoration: underline;
  -webkit-text-decoration-skip: none; }
  a:hover {
    color: #4c3d90; }
  @media (min-width: 768px) {
    a[href^="tel:"] {
      pointer-events: none; } }

img {
  vertical-align: middle;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

.txt_center {
  text-align: center; }

@media (min-width: 768px) {
  .pc_hide {
    display: none !important; } }

@media (max-width: 767px) {
  .sp_hide {
    display: none !important; } }

.first_preloader {
  align-items: center;
  bottom: 0;
  display: flex;
  gap: 6px;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 9999; }
  .first_preloader:before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    width: 100%; }
  .first_preloader span {
    animation: preloader 2s ease .2s 1 both !important;
    background-color: #075DCC;
    border-radius: 50%;
    display: inline-block;
    height: 28px;
    opacity: 0;
    position: relative;
    width: 28px; }
    .first_preloader span:first-child {
      background: url(images/ico/drop_ico.svg) no-repeat 0;
      background-size: contain;
      height: 34px;
      width: 44px; }
    .first_preloader span:nth-child(2) {
      animation: preloader 2s ease .4s 1 both !important; }
    .first_preloader span:nth-child(3) {
      animation: preloader 2s ease 0.6s 1 both !important; }
  .first_preloader--entered {
    pointer-events: none;
    visibility: visible; }
    .first_preloader--entered:before {
      transform: translateY(100%);
      transition: transform .8s ease 1.2s; }
  .first_preloader--loading {
    pointer-events: all;
    visibility: visible; }
    .first_preloader--loading:before {
      transform: translateY(0);
      transition: transform .8s ease; }
    .first_preloader--loading span:nth-child(n) {
      animation-iteration-count: infinite; }

@keyframes preloader {
  0% {
    opacity: 0;
    transform: translateX(0);
    visibility: visible; }
  50%,
  80% {
    opacity: 1;
    transform: translateX(6px);
    visibility: visible; }
  to {
    opacity: 0;
    transform: translateX(10px);
    visibility: hidden; } }
header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4; }
  header.fixed-header {
    background: #fff;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06); }
  @media (max-width: 767px) {
    header {
      z-index: 999; } }
  header .header_inner {
    display: flex;
    justify-content: space-between;
    padding: 20px 15px 0; }
    @media (max-width: 767px) {
      header .header_inner {
        align-items: center;
        min-height: 54px;
        padding: 10px; } }
    header .header_inner .hd_lft {
      width: 324px; }
      @media (max-width: 1024px) {
        header .header_inner .hd_lft {
          width: 190px; } }
      @media (max-width: 767px) {
        header .header_inner .hd_lft {
          width: 168px; } }
      header .header_inner .hd_lft .hd_logo .hd_logotxt {
        display: block;
        max-height: 0;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden; }
      header .header_inner .hd_lft .hd_logo a:hover {
        opacity: 0.7; }
      header .header_inner .hd_lft .hd_logo img {
        display: block; }
    header .header_inner .hd_rgt {
      display: flex;
      flex-direction: column;
      gap: 9px; }
      @media (max-width: 767px) {
        header .header_inner .hd_rgt {
          flex-direction: row;
          gap: 26px; } }
      header .header_inner .hd_rgt .hd_nav_languages {
        display: flex;
        justify-content: end; }
        @media (max-width: 767px) {
          header .header_inner .hd_rgt .hd_nav_languages {
            padding-right: 45px; } }
        header .header_inner .hd_rgt .hd_nav_languages li {
          align-items: center;
          border: 1px solid #075DCC;
          display: flex;
          justify-content: center;
          width: 30px; }
          header .header_inner .hd_rgt .hd_nav_languages li:last-child {
            border-left: none; }
          header .header_inner .hd_rgt .hd_nav_languages li a {
            color: #075DCC;
            font-size: 14px;
            line-height: calc(22/14);
            text-decoration: none;
            text-transform: uppercase; }
          header .header_inner .hd_rgt .hd_nav_languages li:hover, header .header_inner .hd_rgt .hd_nav_languages li.current-lang {
            background: #075DCC; }
            header .header_inner .hd_rgt .hd_nav_languages li:hover a, header .header_inner .hd_rgt .hd_nav_languages li.current-lang a {
              color: #fff; }
      @media (max-width: 767px) {
        header .header_inner .hd_rgt .hd_nav_main {
          display: none; } }
      header .header_inner .hd_rgt #menu-main-menu {
        display: flex;
        gap: 51px; }
        @media (max-width: 1024px) {
          header .header_inner .hd_rgt #menu-main-menu {
            gap: 15px; } }
        header .header_inner .hd_rgt #menu-main-menu li.menu-item {
          padding-bottom: 10px;
          padding-left: 28px; }
          @media (max-width: 1024px) {
            header .header_inner .hd_rgt #menu-main-menu li.menu-item {
              padding-left: 25px; } }
          header .header_inner .hd_rgt #menu-main-menu li.menu-item > a {
            color: #075DCC;
            font-weight: bold;
            line-height: calc(26/16);
            text-decoration: none;
            text-transform: uppercase; }
            @media (max-width: 1024px) {
              header .header_inner .hd_rgt #menu-main-menu li.menu-item > a {
                font-size: 14px; } }
          header .header_inner .hd_rgt #menu-main-menu li.menu-item:hover, header .header_inner .hd_rgt #menu-main-menu li.menu-item.current_page_item {
            background: url(images/ico/menu_ico.svg) no-repeat top 7px left; }
          header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child > a {
            position: relative; }
            @media (min-width: 768px) {
              header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child > a {
                cursor: default; } }
            header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child > a:before {
              background: #075DCC;
              content: '';
              height: 1px;
              position: absolute;
              right: -20px;
              top: 10px;
              transform: rotate(90deg);
              transform-origin: center center;
              transition: all 0.15s;
              width: 12px; }
            header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child > a:after {
              background: #075DCC;
              content: '';
              height: 1px;
              position: absolute;
              right: -20px;
              top: 10px;
              width: 12px; }
            header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child > a:hover:before {
              transform: rotate(0); }
          header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child .menu_child {
            box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.06);
            border-radius: 0 0 10px 10px;
            left: 50%;
            position: absolute;
            top: 88px;
            opacity: 0;
            max-height: 0;
            overflow: hidden;
            transform: translate(-50%, 120px);
            transition: all 0.5s;
            width: 100%;
            max-width: 1200px; }
            header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child .menu_child .menu-children-inner {
              background: #fff;
              display: flex;
              gap: 52px;
              padding: 24px 30px 39px; }
              header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child .menu_child .menu-children-inner > li {
                cursor: pointer;
                overflow: hidden;
                width: calc((100% - 104px) / 3); }
                header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child .menu_child .menu-children-inner > li .menu_img {
                  border-radius: 5px;
                  overflow: hidden; }
                  header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child .menu_child .menu-children-inner > li .menu_img img {
                    transition: all 0.3s; }
                header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child .menu_child .menu-children-inner > li .menu_ttl a {
                  background: url(images/ico/circle_arrow_ico.svg) no-repeat top 8px right;
                  color: #075DCC;
                  display: block;
                  font-size: 24px;
                  font-weight: bold;
                  line-height: calc(28/24);
                  margin: 22px 0 8px;
                  padding-right: 20px;
                  text-decoration: none;
                  text-transform: uppercase; }
                header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child .menu_child .menu-children-inner > li .child-repeater li {
                  background: url(images/ico/child_menu_ico.svg) no-repeat center left;
                  padding-left: 25px; }
                header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child .menu_child .menu-children-inner > li:hover img {
                  transform: scale(1.2); }
          header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child.clicked .menu_child {
            max-height: unset;
            opacity: 1;
            transform: translate(-50%, 0);
            transition: all 0.5s;
            z-index: 4; }
          @media screen and (min-width: 1201px) {
            header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child:hover .menu_child {
              max-height: unset;
              opacity: 1;
              transform: translate(-50%, 0);
              transition: all 0.5s;
              z-index: 4; } }

.menu_sp {
  height: 100%;
  position: absolute;
  right: 15px;
  top: 0;
  width: 31px;
  z-index: 9; }
  .menu_sp span {
    background: #075DCC;
    border-radius: 2px;
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 28px;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    width: 23px; }
    @media (max-width: 767px) {
      .menu_sp span {
        top: 24px; } }
    .menu_sp span:before, .menu_sp span:after {
      background: #075DCC;
      border-radius: 2px;
      content: "";
      height: 2px;
      right: 0;
      position: absolute;
      top: 0;
      transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      z-index: 1; }
    .menu_sp span:before {
      top: 0;
      transform: translate(0, -7px);
      -ms-transform: translate(0, -7px);
      -webkit-transform: translate(0, -7px);
      width: 31px; }
    .menu_sp span:after {
      top: 0;
      transform: translate(0, 7px);
      -ms-transform: translate(0, 7px);
      -webkit-transform: translate(0, 7px);
      width: 15px; }
  .menu_sp.active span {
    background: transparent;
    right: -4px; }
    .menu_sp.active span:before {
      background: #075DCC;
      top: 0;
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      width: 31px; }
    .menu_sp.active span:after {
      background: #075DCC;
      top: 0;
      transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      width: 31px; }

.spmenu {
  background: #fff url(images/ico/contact_section_bg.svg) no-repeat bottom 15px right;
  background-size: auto 90px;
  display: none;
  height: calc(100vh - 59px);
  padding: 0 15px 15px;
  position: absolute;
  top: 54px;
  overflow: scroll;
  width: 100%; }
  .spmenu .sp_nav_main {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 11px;
    padding-bottom: 13px;
    position: relative; }
    .spmenu .sp_nav_main:before {
      background: #075DCC;
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      top: -1px;
      width: 100px; }
    .spmenu .sp_nav_main:after {
      background: #075DCC;
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      bottom: -1px;
      width: 100px; }
    .spmenu .sp_nav_main a {
      color: #075DCC;
      display: block;
      font-size: 14px;
      font-weight: bold;
      line-height: calc(26/14);
      position: relative;
      text-decoration: none;
      text-transform: uppercase;
      padding: 5px 0 6px; }
    .spmenu .sp_nav_main .menu_child {
      margin: -5px 0 5px; }
    .spmenu .sp_nav_main .menu_img,
    .spmenu .sp_nav_main .child-repeater {
      display: none; }
    .spmenu .sp_nav_main .menu_ttl a {
      background: url(images/ico/circle_arrow_ico.svg) no-repeat top 12px left;
      background-size: 10px auto;
      font-weight: normal;
      padding: 5px 0 6px 20px; }

.open_menu {
  background: #fff; }
  .open_menu .hd_left {
    border-right-color: #ccc;
    border-bottom: 1px solid #ccc; }
  .open_menu .hd_right {
    border-bottom-color: #ccc; }
  .open_menu .menu_sp {
    border-left-color: #ccc; }

.a-wave {
  bottom: -30px;
  display: block;
  height: 105px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2; }
  @media (max-width: 767px) {
    .a-wave {
      bottom: -10px;
      height: 65px; } }

.a-wave__canvas {
  display: inline-block;
  width: 100%; }

main {
  position: relative; }
  @media (max-width: 767px) {
    main {
      padding: 0 !important; } }

footer {
  position: relative; }
  footer.js_menu_open {
    max-height: 50px;
    overflow: hidden; }
    @media (min-width: 768px) {
      footer.js_menu_open {
        max-height: unset;
        overflow: unset; } }
  footer .ft_contact {
    background: url(images/common/contact_bg.jpg) no-repeat top left;
    background-size: cover;
    background-attachment: fixed;
    position: relative; }
    @media (max-width: 1024px) {
      footer .ft_contact {
        background-attachment: unset;
        background-position: center center; } }
    footer .ft_contact:before {
      background: rgba(32, 71, 122, 0.5);
      content: '';
      left: 0;
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%; }
    footer .ft_contact .ft_contact_inner {
      padding: 53px 99px 98px;
      position: relative; }
      @media (max-width: 1024px) {
        footer .ft_contact .ft_contact_inner {
          padding: 53px 70px 90px 0; } }
      @media (max-width: 767px) {
        footer .ft_contact .ft_contact_inner {
          padding: 47px 0 66px; } }
      footer .ft_contact .ft_contact_inner a {
        background: url(images/ico/contact_arrow.svg) no-repeat center right 10px;
        color: #fff;
        display: block;
        text-decoration: none;
        transition: all 0.15s; }
        @media (min-width: 768px) {
          footer .ft_contact .ft_contact_inner a:hover {
            background-position: center right 0; } }
        @media (max-width: 767px) {
          footer .ft_contact .ft_contact_inner a {
            background-size: 40px auto;
            background-position: top 17px right 52px; } }
      footer .ft_contact .ft_contact_inner .ft_contact_ttl {
        font-size: 70px;
        font-weight: bold;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          footer .ft_contact .ft_contact_inner .ft_contact_ttl {
            font-size: 44px;
            margin-bottom: 14px; } }
      footer .ft_contact .ft_contact_inner .ft_contact_desc {
        padding-right: 40px; }
        @media (max-width: 1024px) {
          footer .ft_contact .ft_contact_inner .ft_contact_desc {
            padding-right: 100px; } }
        @media (max-width: 767px) {
          footer .ft_contact .ft_contact_inner .ft_contact_desc {
            line-height: 2;
            padding-right: 0; } }

.footer_access {
  background: #F1F8FF; }
  .footer_access .access_inner {
    display: flex;
    gap: 30px;
    padding: 50px 0 43px; }
    @media (max-width: 1024px) {
      .footer_access .access_inner {
        gap: 20px; } }
    @media (max-width: 767px) {
      .footer_access .access_inner {
        flex-direction: column;
        gap: 34px;
        padding: 23px 0 59px; } }
    .footer_access .access_inner .access_item {
      color: #20477A !important;
      line-height: calc(28/16);
      width: calc((100% - 60px) / 3); }
      @media (max-width: 1024px) {
        .footer_access .access_inner .access_item {
          width: calc((100% - 40px) / 3); } }
      @media (max-width: 767px) {
        .footer_access .access_inner .access_item {
          width: 100%; } }
      .footer_access .access_inner .access_item .access_ttl {
        margin-bottom: 18px;
        font-weight: bold;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          .footer_access .access_inner .access_item .access_ttl {
            margin-bottom: 6px; } }
      .footer_access .access_inner .access_item .access_block .access_address {
        background: url(images/ico/building_ico.svg) no-repeat top 2px left;
        padding-left: 30px; }
      .footer_access .access_inner .access_item .access_block .access_tel {
        background: url(images/ico/phone_ico.svg) no-repeat top 2px left;
        padding-left: 30px; }
      .footer_access .access_inner .access_item .access_block .access_fax {
        background: url(images/ico/fax_ico.svg) no-repeat top 2px left;
        padding-left: 30px; }
      .footer_access .access_inner .access_item .access_block a {
        text-decoration: none !important;
        color: #20477A !important;
        cursor: default;
        pointer-events: none !important; }

.ft_wrap {
  background: #20477A;
  position: relative; }
  .ft_wrap .js_back_top a {
    align-items: center;
    background: #0088FF;
    border-radius: 10px 0 0 0;
    top: -40px;
    color: #fff;
    display: flex;
    gap: 8px;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 0;
    text-decoration: none;
    width: 148px; }
    .ft_wrap .js_back_top a:hover {
      opacity: 0.7; }
    .ft_wrap .js_back_top a:before {
      content: url(images/ico/back_top_ico.svg);
      display: inline-block;
      position: relative; }
    @media (max-width: 767px) {
      .ft_wrap .js_back_top a {
        border-radius: 5px 5px 0 0;
        width: 345px;
        height: 32px;
        font-size: 12px;
        top: -32px;
        right: 50%;
        transform: translateX(50%); }
        .ft_wrap .js_back_top a:before {
          background-size: 12px auto; } }
  .ft_wrap .ft_top {
    border-bottom: 1px solid #2E61A4;
    display: flex;
    gap: 340px;
    padding: 47px 0 42px; }
    @media (max-width: 1024px) {
      .ft_wrap .ft_top {
        gap: 150px; } }
    @media (max-width: 767px) {
      .ft_wrap .ft_top {
        flex-direction: column;
        gap: 23px;
        padding: 22px 0 9px; } }
  .ft_wrap .ft_iso {
    background: #fff;
    border-radius: 5px;
    overflow: hidden; }
    .ft_wrap .ft_iso img {
      max-width: 123px; }
      @media (max-width: 767px) {
        .ft_wrap .ft_iso img {
          max-width: 100%; } }
  .ft_wrap .ft_left .ft_logo {
    width: 120px; }
    .ft_wrap .ft_left .ft_logo:hover {
      opacity: 0.7; }
  @media (max-width: 767px) {
    .ft_wrap .ft_left {
      border-bottom: 1px solid #2E61A4;
      display: flex;
      justify-content: space-between;
      padding-bottom: 20px; }
      .ft_wrap .ft_left .ft_logo {
        width: 86px; }
      .ft_wrap .ft_left .ft_iso {
        width: 105px; } }
  .ft_wrap .ft_right {
    display: flex;
    gap: 20px;
    width: calc(100% - 460px); }
    @media (max-width: 1024px) {
      .ft_wrap .ft_right {
        width: calc(100% - 270px); } }
    @media (max-width: 767px) {
      .ft_wrap .ft_right {
        gap: 0;
        width: 100%; } }
    .ft_wrap .ft_right .ft_nav {
      width: calc((100% - 20px) / 2); }
      @media (max-width: 767px) {
        .ft_wrap .ft_right .ft_nav {
          width: 100%; } }
      .ft_wrap .ft_right .ft_nav li {
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          .ft_wrap .ft_right .ft_nav li {
            margin-bottom: 13px; } }
        .ft_wrap .ft_right .ft_nav li a {
          color: #fff;
          font-weight: bold;
          line-height: calc(26/16);
          text-decoration: none;
          text-transform: uppercase; }
          .ft_wrap .ft_right .ft_nav li a:hover {
            text-decoration: underline; }
          @media (max-width: 767px) {
            .ft_wrap .ft_right .ft_nav li a {
              line-height: calc(26/14); } }
        .ft_wrap .ft_right .ft_nav li .menu-children-inner {
          margin-top: 6px; }
        .ft_wrap .ft_right .ft_nav li .child-repeater,
        .ft_wrap .ft_right .ft_nav li .menu_img {
          display: none; }
        .ft_wrap .ft_right .ft_nav li .menu_ttl a {
          background: url(images/ico/footer_menu_ico.svg) no-repeat top 2px left;
          font-weight: normal;
          padding-left: 20px; }
    .ft_wrap .ft_right .ft_business_nav {
      width: calc((100% - 20px) / 2); }
      .ft_wrap .ft_right .ft_business_nav .ft_business_links li {
        margin-bottom: 10px; }
      .ft_wrap .ft_right .ft_business_nav .ft_business_links .menu-item-has-children > a {
        cursor: default;
        pointer-events: none; }
      .ft_wrap .ft_right .ft_business_nav .ft_business_links > li > a {
        color: #fff;
        display: inline-block;
        font-weight: bold;
        line-height: calc(26 / 16);
        margin-bottom: 10px;
        text-decoration: none;
        text-transform: uppercase; }
        .ft_wrap .ft_right .ft_business_nav .ft_business_links > li > a:hover {
          text-decoration: underline; }
      .ft_wrap .ft_right .ft_business_nav .ft_business_links .sub-menu {
        padding-left: 15px; }
        .ft_wrap .ft_right .ft_business_nav .ft_business_links .sub-menu a {
          color: #fff;
          font-size: 14px;
          line-height: calc(26/14);
          text-decoration: none;
          text-transform: uppercase; }
          .ft_wrap .ft_right .ft_business_nav .ft_business_links .sub-menu a:hover {
            text-decoration: underline; }
  .ft_wrap .ft_info {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 17px; }
    @media (max-width: 767px) {
      .ft_wrap .ft_info {
        justify-content: center;
        padding: 19px 0 24px; } }
    .ft_wrap .ft_info .ft_copyright {
      align-self: end;
      color: #fff;
      font-size: 14px; }
      @media (max-width: 767px) {
        .ft_wrap .ft_info .ft_copyright {
          align-self: center;
          font-size: 10px; } }

.fixed_btn {
  bottom: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: fixed;
  right: 10px;
  z-index: 98; }
  .fixed_btn a {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    display: block;
    height: 60px;
    width: 60px; }
    .fixed_btn a:hover {
      opacity: 0.7; }
    @media (max-width: 767px) {
      .fixed_btn a {
        height: 50px;
        width: 50px; } }

.contact_section {
  align-items: center;
  background: #fff url(images/ico/contact_section_bg.svg) no-repeat bottom 15px right;
  display: flex;
  height: 100%;
  left: 0;
  top: 0;
  padding: 35px 0;
  opacity: 1;
  position: fixed;
  transform: translateY(calc(100% + 70px));
  transition: all 1s;
  width: 100%;
  z-index: 9999; }
  .contact_section .a-wave {
    top: -70px;
    bottom: unset; }
  .contact_section .container {
    width: 100%; }
  @media (max-width: 767px) {
    .contact_section {
      background-size: auto 90px;
      height: 100vh;
      min-height: 500px;
      padding: 30px 0;
      overflow-y: scroll; } }
  .contact_section._open {
    opacity: 1;
    transform: translateY(0); }
  .contact_section .contact_inner {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .contact_section .contact_inner {
        position: relative;
        flex-direction: column;
        gap: 5px;
        max-height: calc(100vh - 60px);
        padding-bottom: 0;
        justify-content: start; } }
    @media screen and (max-width: 360px) {
      .contact_section .contact_inner {
        gap: 0;
        min-height: unset; } }
    .contact_section .contact_inner .contact_lft .section_ttl {
      font-size: 50px;
      line-height: calc(70/50); }
      @media (max-width: 767px) {
        .contact_section .contact_inner .contact_lft .section_ttl {
          font-size: 28px;
          line-height: calc(40/30); } }
    .contact_section .contact_inner .contact_rgt {
      padding-top: 5px;
      padding-bottom: 0;
      position: relative;
      width: 53%; }
      @media (max-width: 767px) {
        .contact_section .contact_inner .contact_rgt {
          width: 100%;
          height: auto; } }
      @media (min-width: 768px) {
        .contact_section .contact_inner .contact_rgt .contact_location {
          max-height: calc(100vh - 100px);
          overflow-y: auto; } }
      @media (max-width: 767px) {
        .contact_section .contact_inner .contact_rgt .contact_location {
          margin-bottom: 20px; } }
      .contact_section .contact_inner .contact_rgt .contact_location_item {
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 13px;
        padding-bottom: 13px;
        position: relative; }
        @media (max-width: 767px) {
          .contact_section .contact_inner .contact_rgt .contact_location_item {
            margin-bottom: 5px;
            padding-bottom: 5px; } }
        .contact_section .contact_inner .contact_rgt .contact_location_item:after {
          content: '';
          background: #075DCC;
          bottom: -1px;
          height: 1px;
          position: absolute;
          width: 100px; }
      .contact_section .contact_inner .contact_rgt .contact_location_ttl {
        color: #075DCC;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          .contact_section .contact_inner .contact_rgt .contact_location_ttl {
            background-position: 0 center;
            background-size: 20px auto;
            font-size: 20px; } }
      .contact_section .contact_inner .contact_rgt .contact_location_phone {
        padding: 2px 0 0; }
        .contact_section .contact_inner .contact_rgt .contact_location_phone div {
          background: url(images/ico/vn_flag.svg) no-repeat top left;
          margin-top: 10px;
          min-height: 25px;
          padding-left: 35px; }
          .contact_section .contact_inner .contact_rgt .contact_location_phone div:first-child {
            background: url(images/ico/jp_flag.svg) no-repeat top left; }
          @media (max-width: 767px) {
            .contact_section .contact_inner .contact_rgt .contact_location_phone div {
              background-size: 25px auto; } }
        @media (max-width: 767px) {
          .contact_section .contact_inner .contact_rgt .contact_location_phone {
            padding: 0 0 2px 0; } }
        .contact_section .contact_inner .contact_rgt .contact_location_phone div {
          display: flex;
          justify-content: space-between;
          margin-bottom: 3px;
          width: 410px; }
          .contact_section .contact_inner .contact_rgt .contact_location_phone div p {
            color: #1E5AAA;
            font-size: 12px;
            line-height: 1.5; }
            .contact_section .contact_inner .contact_rgt .contact_location_phone div p span {
              color: #111111;
              display: block;
              line-height: calc(25/16);
              font-size: 16px;
              font-weight: bold; }
              @media (max-width: 767px) {
                .contact_section .contact_inner .contact_rgt .contact_location_phone div p span {
                  font-size: 13px;
                  min-width: 165px; } }
            @media (max-width: 767px) {
              .contact_section .contact_inner .contact_rgt .contact_location_phone div p:first-child {
                width: calc(100% - 170px); } }
            .contact_section .contact_inner .contact_rgt .contact_location_phone div p:last-child {
              color: #111111;
              font-size: 16px; }
              @media (max-width: 767px) {
                .contact_section .contact_inner .contact_rgt .contact_location_phone div p:last-child {
                  border: 1px solid #0088FF;
                  color: #0088FF;
                  display: inline-block;
                  font-size: 14px;
                  line-height: 1;
                  padding: 5px 5px 3px;
                  text-align: center;
                  width: 160px; } }
          .contact_section .contact_inner .contact_rgt .contact_location_phone div a {
            color: #0088FF !important; }
          @media (max-width: 767px) {
            .contact_section .contact_inner .contact_rgt .contact_location_phone div {
              align-items: center;
              font-size: 16px;
              gap: 10px;
              margin-bottom: 7px;
              width: 100%; }
              .contact_section .contact_inner .contact_rgt .contact_location_phone div a {
                text-decoration: none !important; } }
  .contact_section .contact_close {
    text-align: right; }
    .contact_section .contact_close a {
      background: url(images/ico/close_btn.svg) no-repeat center right;
      background-size: auto 100%;
      bottom: 45px;
      color: #075DCC;
      display: inline-block;
      font-weight: bold;
      padding: 6px 55px 6px 0;
      right: 20px;
      text-decoration: none; }
      @media (max-width: 767px) {
        .contact_section .contact_close a {
          bottom: -50px;
          right: 0; } }

:lang(ja) header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child > a:before,
:lang(ja) header .header_inner .hd_rgt #menu-main-menu li.menu-item.menu_has_child > a:after {
  top: 12px; }
:lang(ja) .office_section .office_list > div .office_item .office_fax,
:lang(ja) .office_section .office_list > div .office_item .office_tel,
:lang(ja) .office_section .office_list > div .office_item .office_address,
:lang(ja) .footer_access .access_inner .access_item .access_block .access_fax,
:lang(ja) .footer_access .access_inner .access_item .access_block .access_tel,
:lang(ja) .footer_access .access_inner .access_item .access_block .access_address {
  background-position: left 4px; }
:lang(ja) .strength_item_block .toggle_cnt ul li {
  background-position: left 12px; }

.error404 .intro {
  padding: 50px 0;
  text-align: center; }
  .error404 .intro .wp-block-buttons.is-content-justification-right {
    justify-content: center;
    padding: 30px 0; }

@media screen and (min-width: 1400px) {
  :lang(vi) header .header_inner .hd_lft {
    width: 375px; } }

.home_mv {
  overflow: hidden;
  position: relative; }
  .home_mv .home_mv_video {
    display: block;
    overflow: hidden;
    padding-bottom: 720px;
    position: relative;
    width: 100%; }
    @media (max-width: 767px) {
      .home_mv .home_mv_video {
        padding-bottom: 580px; } }
    .home_mv .home_mv_video .home_mv_video_src {
      height: 100%;
      object-fit: fill;
      pointer-events: none;
      position: absolute;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 100%; }
      @media (max-width: 767px) {
        .home_mv .home_mv_video .home_mv_video_src {
          object-position: center;
          width: auto; } }
  .home_mv .home_mv_hand {
    bottom: 0;
    left: calc(50% - 262px);
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transform: translateY(10px);
    transition: all 1s;
    width: 710px;
    z-index: 2; }
    @media (max-width: 767px) {
      .home_mv .home_mv_hand {
        bottom: 1px;
        left: calc(50% - 274px);
        width: 100%; } }
  .home_mv .home_mv_global {
    left: calc(50% + 55px);
    opacity: 0;
    position: absolute;
    transform: translateY(-20px);
    top: 145px;
    transition: all 2s;
    width: 270px;
    z-index: 2; }
    .home_mv .home_mv_global:before {
      background: url(images/home/global_patern.svg) no-repeat;
      content: '';
      height: 330px;
      left: -33px;
      position: absolute;
      top: -29px;
      width: 512px; }
    @media (max-width: 767px) {
      .home_mv .home_mv_global {
        left: calc(50% - 100px);
        top: 256px;
        width: 155px; }
        .home_mv .home_mv_global:before {
          background: url(images/home/global_patern_sp.svg) no-repeat;
          background-size: cover;
          height: 190px;
          left: -21px;
          top: -17px;
          width: 295px; } }
  .home_mv .container {
    left: 50%;
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2; }
    @media (max-width: 767px) {
      .home_mv .container {
        top: 29%; } }
    .home_mv .container .home_mv_inner .mv_ttl {
      color: #fff;
      font-size: 50px;
      line-height: 2;
      letter-spacing: 3px;
      text-transform: uppercase;
      transform: translateX(-50px);
      transition: all 1s;
      opacity: 0; }
      .home_mv .container .home_mv_inner .mv_ttl span {
        display: block;
        font-size: 90px;
        line-height: calc(71/90); }
        @media (max-width: 1024px) {
          .home_mv .container .home_mv_inner .mv_ttl span {
            font-size: 60px; } }
      .home_mv .container .home_mv_inner .mv_ttl.mv_vi {
        font-size: 40px;
        letter-spacing: unset; }
        .home_mv .container .home_mv_inner .mv_ttl.mv_vi span {
          line-height: 1.3;
          font-size: 60px; }
      @media (max-width: 767px) {
        .home_mv .container .home_mv_inner .mv_ttl {
          font-size: 30px;
          text-shadow: 0 6px 12px rgba(168, 216, 239, 0.7);
          line-height: calc(50/30); }
          .home_mv .container .home_mv_inner .mv_ttl span {
            font-size: 45px;
            line-height: calc(50/45); }
          .home_mv .container .home_mv_inner .mv_ttl.mv_vi {
            font-size: 23px;
            letter-spacing: unset; }
            .home_mv .container .home_mv_inner .mv_ttl.mv_vi span {
              line-height: 1.3;
              font-size: 28px; } }
  .home_mv.animated .container .home_mv_inner .mv_ttl,
  .home_mv.animated .home_mv_hand,
  .home_mv.animated .home_mv_global {
    opacity: 1;
    transform: translate(0); }

.about_us_section {
  padding: 73px 0 44px;
  position: relative; }
  @media (max-width: 767px) {
    .about_us_section {
      padding: 23px 0 44px; } }
  .about_us_section .about_us_inner > div {
    display: flex;
    gap: 10%;
    overflow: hidden; }
    @media (max-width: 1024px) {
      .about_us_section .about_us_inner > div {
        gap: 60px; } }
    @media (max-width: 767px) {
      .about_us_section .about_us_inner > div {
        flex-direction: column;
        gap: 21px; } }
    .about_us_section .about_us_inner > div .about_us_lft {
      background: url(images/common/color_pattern.svg) no-repeat bottom left;
      padding-bottom: 143px;
      width: calc(49%); }
      @media (max-width: 1024px) {
        .about_us_section .about_us_inner > div .about_us_lft {
          background-position: bottom right;
          background-size: auto 60px;
          width: calc(59% - 60px); } }
      @media (max-width: 767px) {
        .about_us_section .about_us_inner > div .about_us_lft {
          padding-bottom: 77px;
          width: 100%; } }
      .about_us_section .about_us_inner > div .about_us_lft .about_us_ttl {
        text-align: left;
        margin-bottom: 5px; }
        @media (max-width: 767px) {
          .about_us_section .about_us_inner > div .about_us_lft .about_us_ttl {
            margin-bottom: 9px; } }
      .about_us_section .about_us_inner > div .about_us_lft .about_us_cnt {
        margin-bottom: 56px; }
        @media (max-width: 767px) {
          .about_us_section .about_us_inner > div .about_us_lft .about_us_cnt {
            line-height: calc(30/14);
            margin-bottom: 25px; } }
      .about_us_section .about_us_inner > div .about_us_lft .wp-block-buttons .section_btn {
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 15px;
        padding-bottom: 15px; }
      .about_us_section .about_us_inner > div .about_us_lft .wp-block-buttons:last-child .section_btn {
        border-bottom: 0;
        margin: 0;
        padding-bottom: 0; }
    .about_us_section .about_us_inner > div .about_us_rgt {
      padding-top: 10px;
      position: relative;
      width: 41%; }
      .about_us_section .about_us_inner > div .about_us_rgt:before {
        background: url(images/home/about_us_bg.png) no-repeat top left;
        background-size: cover;
        border-radius: 20px;
        content: '';
        height: 346px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 7px;
        width: 57%; }
        @media (max-width: 767px) {
          .about_us_section .about_us_inner > div .about_us_rgt:before {
            border-radius: 10px;
            height: 240px;
            top: -52px; } }
      @media (max-width: 767px) {
        .about_us_section .about_us_inner > div .about_us_rgt {
          width: 100%; } }
      .about_us_section .about_us_inner > div .about_us_rgt .about_us_img {
        padding-top: 83px;
        position: relative;
        width: 85%; }
        @media (max-width: 767px) {
          .about_us_section .about_us_inner > div .about_us_rgt .about_us_img {
            padding-top: 0; } }
        .about_us_section .about_us_inner > div .about_us_rgt .about_us_img img {
          border-radius: 20px;
          overflow: hidden;
          position: relative;
          width: 100%; }
          @media (max-width: 767px) {
            .about_us_section .about_us_inner > div .about_us_rgt .about_us_img img {
              border-radius: 10px; } }
  .about_us_section .a-wave {
    bottom: -80px;
    transform: rotate(-180deg); }
    @media (max-width: 767px) {
      .about_us_section .a-wave {
        bottom: -60px; } }

.video_section {
  display: block;
  overflow: hidden;
  padding-bottom: 680px;
  position: relative;
  width: 100%; }
  @media (max-width: 767px) {
    .video_section {
      padding-bottom: 405px; } }
  .video_section video {
    height: 100%;
    object-fit: fill;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%; }
  .video_section .video_control {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1; }
    .video_section .video_control .video_ttl {
      color: #fff;
      font-size: 50px;
      font-weight: bold;
      line-height: calc(75/50);
      margin-bottom: 25px; }
      @media (max-width: 767px) {
        .video_section .video_control .video_ttl {
          font-size: 22px;
          line-height: calc(40/24);
          margin-bottom: 10px; } }
    .video_section .video_control .wp-block-buttons {
      justify-content: center; }
      .video_section .video_control .wp-block-buttons .video_btn a {
        background: url(images/ico/video_btn.svg) no-repeat top left;
        background-size: cover;
        cursor: pointer;
        height: 80px;
        text-indent: -9999px;
        width: 80px; }
        @media (max-width: 767px) {
          .video_section .video_control .wp-block-buttons .video_btn a {
            height: 60px;
            width: 60px; } }
  .video_section .a-wave {
    bottom: -5px; }

.video-popup {
  display: none;
  /* Ẩn mặc định */
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
  z-index: 9999; }
  .video-popup.active {
    display: flex;
    /* Khi có class active mới hiện */ }
  .video-popup .video-popup__inner {
    position: relative;
    width: 70%;
    /* ~70% chiều rộng màn hình */
    max-width: 1200px;
    /* Giới hạn tối đa để không quá to */ }
    @media (max-width: 767px) {
      .video-popup .video-popup__inner {
        width: 85%; } }
    .video-popup .video-popup__inner .close_btn a {
      background: #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      height: 50px;
      right: -25px;
      position: absolute;
      top: -25px;
      width: 50px; }
      @media (max-width: 767px) {
        .video-popup .video-popup__inner .close_btn a {
          height: 30px;
          right: -15px;
          top: -15px;
          width: 30px; } }
  .video-popup video {
    width: 100%;
    /* Full chiều rộng container */
    height: auto;
    /* Tự co chiều cao */
    border-radius: 8px;
    display: block; }

.business_section {
  padding: 19px 0 70px;
  position: relative;
  z-index: 2; }
  @media (max-width: 767px) {
    .business_section {
      padding: 4px 0 14px; } }
  .business_section .section_ttl {
    margin-bottom: 67px;
    text-align: center; }
    @media (max-width: 767px) {
      .business_section .section_ttl {
        margin-bottom: 44px; } }
  .business_section .business-children-inner {
    display: flex;
    gap: 5%; }
    @media (max-width: 767px) {
      .business_section .business-children-inner {
        flex-direction: column;
        gap: 47px; } }
    .business_section .business-children-inner .child-item {
      background: #F1F8FF url(images/ico/circle_arrow_ico.svg) no-repeat bottom 18px right 21px;
      border-radius: 10px;
      cursor: pointer;
      padding-bottom: 43px;
      width: 30%; }
      @media (max-width: 767px) {
        .business_section .business-children-inner .child-item {
          background-position: bottom 22px right 16px;
          padding-bottom: 52px;
          width: 100%; } }
      .business_section .business-children-inner .child-item .business_item_img {
        background: #fff;
        border-radius: 10px;
        left: 17px;
        overflow: hidden;
        position: relative;
        top: -15px; }
        @media (max-width: 767px) {
          .business_section .business-children-inner .child-item .business_item_img {
            left: 10px;
            top: -17px; } }
        .business_section .business-children-inner .child-item .business_item_img img {
          transition: all 0.3s; }
          @media (max-width: 767px) {
            .business_section .business-children-inner .child-item .business_item_img img {
              height: auto;
              object-fit: cover;
              width: 100%; } }
      .business_section .business-children-inner .child-item .business_item_ttl {
        padding: 15px 20px 0; }
        @media (max-width: 767px) {
          .business_section .business-children-inner .child-item .business_item_ttl {
            padding: 0 20px 5px; } }
        .business_section .business-children-inner .child-item .business_item_ttl a {
          color: #111111;
          font-size: 24px;
          font-weight: bold;
          line-height: 1.5;
          text-decoration: none; }
          @media (max-width: 767px) {
            .business_section .business-children-inner .child-item .business_item_ttl a {
              font-size: 20px; } }
      .business_section .business-children-inner .child-item .child-repeater {
        padding: 0 20px; }
        .business_section .business-children-inner .child-item .child-repeater li {
          background: url(images/ico/child_menu_ico.svg) no-repeat top 13px left;
          line-height: calc(32/16);
          padding-left: 25px; }
          @media (max-width: 1024px) {
            .business_section .business-children-inner .child-item .child-repeater li {
              background: url(images/ico/child_menu_ico.svg) no-repeat top 8px left;
              line-height: 1.6;
              margin-bottom: 10px; } }
          @media (max-width: 767px) {
            .business_section .business-children-inner .child-item .child-repeater li {
              font-size: 14px; } }
      .business_section .business-children-inner .child-item:hover .business_item_img img {
        transform: scale(1.2); }
  .business_section .a-wave {
    bottom: -80px;
    transform: rotate(180deg); }
    @media (max-width: 767px) {
      .business_section .a-wave {
        bottom: -60px; } }

.top_space {
  background-attachment: fixed !important;
  background-size: cover !important;
  min-height: 460px;
  position: relative; }
  @media (max-width: 1024px) {
    .top_space {
      background-attachment: unset !important;
      background-position: center center;
      min-height: 300px; } }

.news_section {
  background: #F1F8FF;
  padding: 38px 0 35px;
  position: relative; }
  @media (max-width: 767px) {
    .news_section {
      padding: 10px 0 35px; } }
  .news_section .section_ttl {
    margin-bottom: 35px;
    text-align: center; }
    @media (max-width: 767px) {
      .news_section .section_ttl {
        margin-bottom: 7px; } }
  .news_section .news_list {
    display: flex;
    gap: 60px; }
    .news_section .news_list.no_post {
      justify-content: center;
      text-align: center; }
    @media (max-width: 1024px) {
      .news_section .news_list {
        gap: 20px; } }
    @media (max-width: 767px) {
      .news_section .news_list {
        flex-direction: column;
        gap: 0; } }
    .news_section .news_list .news_item {
      cursor: pointer;
      width: calc((100% - 120px) / 3); }
      @media (max-width: 1024px) {
        .news_section .news_list .news_item {
          width: calc((100% - 40px) / 3); } }
      @media (max-width: 767px) {
        .news_section .news_list .news_item {
          align-items: start;
          border-bottom: 1px dashed #CCCCCC;
          margin-bottom: 19px;
          padding-bottom: 18px;
          display: flex;
          gap: 11px;
          width: 100%; } }
      .news_section .news_list .news_item .news_img {
        border-radius: 10px;
        overflow: hidden; }
        @media (max-width: 767px) {
          .news_section .news_list .news_item .news_img {
            width: 100px; } }
        .news_section .news_list .news_item .news_img img {
          height: auto;
          height: 220px;
          object-fit: cover;
          transition: all 0.3s;
          width: 360px; }
          @media (max-width: 767px) {
            .news_section .news_list .news_item .news_img img {
              height: 60px;
              width: 100%; } }
      @media (max-width: 767px) {
        .news_section .news_list .news_item .news_content {
          display: flex;
          flex-direction: column;
          width: calc(100% - 111px); } }
      .news_section .news_list .news_item .news_content .news_top {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 17px 0 4px; }
        @media (max-width: 767px) {
          .news_section .news_list .news_item .news_content .news_top {
            padding: 0 0 4px;
            order: 2; } }
        .news_section .news_list .news_item .news_content .news_top .news_cat {
          display: flex;
          flex-wrap: wrap;
          gap: 0 15px;
          padding-left: 15px;
          position: relative; }
          .news_section .news_list .news_item .news_content .news_top .news_cat:before {
            background: #075DCC;
            content: '';
            height: 10px;
            left: 0;
            position: absolute;
            top: 7px;
            width: 10px; }
            @media (max-width: 767px) {
              .news_section .news_list .news_item .news_content .news_top .news_cat:before {
                top: 6px; } }
          .news_section .news_list .news_item .news_content .news_top .news_cat .news_cat_item {
            color: #075DCC;
            font-size: 14px;
            font-weight: bold;
            position: relative;
            text-transform: uppercase; }
            @media (max-width: 767px) {
              .news_section .news_list .news_item .news_content .news_top .news_cat .news_cat_item {
                font-size: 12px; } }
            .news_section .news_list .news_item .news_content .news_top .news_cat .news_cat_item:after {
              content: '/';
              right: -10px;
              top: -1px;
              position: absolute; }
            .news_section .news_list .news_item .news_content .news_top .news_cat .news_cat_item:last-child::after {
              display: none; }
        .news_section .news_list .news_item .news_content .news_top .news_date {
          color: #BCBCBC;
          font-size: 14px;
          text-align: right; }
          @media (max-width: 767px) {
            .news_section .news_list .news_item .news_content .news_top .news_date {
              font-size: 12px; } }
      .news_section .news_list .news_item .news_content .news_ttl {
        font-size: 14px;
        font-weight: 600;
        line-height: 2;
        margin-bottom: 9px; }
        @media (max-width: 767px) {
          .news_section .news_list .news_item .news_content .news_ttl {
            font-size: 12px;
            line-height: calc(20/12);
            margin-bottom: 0; } }
      .news_section .news_list .news_item .news_content a {
        background: url(images/ico/gray_arrow_ico.svg) no-repeat center right;
        background-size: 14px auto;
        color: #BCBCBC;
        font-size: 14px;
        padding-bottom: 2px;
        padding-right: 22px;
        text-decoration: none;
        text-transform: uppercase;
        transition: all 0.3s; }
        @media (max-width: 767px) {
          .news_section .news_list .news_item .news_content a {
            max-height: 0;
            max-width: 0;
            visibility: hidden;
            overflow: hidden;
            opacity: 0; } }
      .news_section .news_list .news_item:hover .news_img img {
        transform: scale(1.2); }
      .news_section .news_list .news_item:hover a {
        background: url(images/ico/circle_arrow_ico.svg) no-repeat center right;
        background-size: 14px auto;
        color: #0088FF; }
  .news_section .news_btn {
    margin-top: 63px; }
    .news_section .news_btn .section_btn a {
      width: 218px; }
    @media (max-width: 767px) {
      .news_section .news_btn {
        margin-top: 11px; } }
  .news_section .a-wave {
    bottom: -80px;
    transform: rotate(180deg); }
    @media (max-width: 767px) {
      .news_section .a-wave {
        bottom: -60px; } }

.project_section {
  padding: 39px 0 80px;
  position: relative; }
  @media (max-width: 767px) {
    .project_section {
      padding: 33px 0 40px; } }
  .project_section .section_ttl {
    margin-bottom: 43px; }
    @media (max-width: 767px) {
      .project_section .section_ttl {
        line-height: calc(56/44);
        text-align: center;
        margin-bottom: 33px; } }
  .project_section .project_list {
    padding-bottom: 50px;
    opacity: 0;
    transition: all 0.15s; }
    .project_section .project_list.showed {
      opacity: 1; }
    @media (max-width: 767px) {
      .project_section .project_list {
        background-position: bottom center;
        left: 0 !important;
        padding: 0 15px 52px;
        width: 100%; } }
    .project_section .project_list .project_item {
      padding-right: 20px;
      transition: width 0.4s ease;
      width: 300px; }
      @media (max-width: 767px) {
        .project_section .project_list .project_item {
          padding-right: 30px !important;
          width: calc(100vw) !important; } }
      .project_section .project_list .project_item .project_item_inner .project_img {
        position: relative; }
        .project_section .project_list .project_item .project_item_inner .project_img img {
          border-radius: 20px;
          height: 175px;
          object-fit: cover;
          overflow: hidden;
          transition: height 0.4s ease;
          width: 100%; }
          @media (max-width: 767px) {
            .project_section .project_list .project_item .project_item_inner .project_img img {
              border-radius: 10px;
              height: 215px; } }
        .project_section .project_list .project_item .project_item_inner .project_img:after {
          background: url(images/ico/btn_rgt_icon.svg) no-repeat top left;
          background-size: 100% auto;
          bottom: -7px;
          content: '';
          height: 14px;
          right: 10px;
          position: absolute;
          width: 51px; }
          @media (max-width: 767px) {
            .project_section .project_list .project_item .project_item_inner .project_img:after {
              bottom: -8px;
              height: 16px;
              right: 18px;
              width: 59px; } }
      .project_section .project_list .project_item .project_item_inner .project_ttl {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.3;
        text-transform: uppercase;
        transition: font-size 0.4s ease;
        padding: 20px 0 9px; }
        @media (max-width: 767px) {
          .project_section .project_list .project_item .project_item_inner .project_ttl {
            padding: 20px 0 5px; } }
      .project_section .project_list .project_item .project_item_inner .project_info {
        font-size: 14px;
        line-height: 2; }
      @media (min-width: 768px) {
        .project_section .project_list .project_item.current {
          padding-right: 30px;
          transition: width 0.4s ease;
          width: 510px; }
          .project_section .project_list .project_item.current .project_item_inner .project_img img {
            height: 300px;
            transition: height 0.4s ease; }
          .project_section .project_list .project_item.current .project_item_inner .project_img:after {
            bottom: -10px;
            height: 20px;
            right: 20px;
            width: 74px; }
          .project_section .project_list .project_item.current .project_item_inner .project_ttl {
            font-size: 30px;
            transition: font-size 0.4s ease;
            padding: 30px 0 5px; }
          .project_section .project_list .project_item.current .project_item_inner .project_info {
            line-height: 2; } }
    .project_section .project_list .slick-custom-arrow {
      border: none;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      cursor: pointer;
      display: block;
      height: 60px;
      position: absolute;
      text-indent: -9999px;
      width: 60px;
      z-index: 2; }
      @media (max-width: 767px) {
        .project_section .project_list .slick-custom-arrow {
          height: 40px;
          width: 40px; } }
      .project_section .project_list .slick-custom-arrow.slick-prev {
        background: #fff url(images/ico/arrow_back.svg) no-repeat center center;
        background-size: 14px 14px;
        border-radius: 50%;
        left: -30px;
        overflow: hidden;
        top: 120px; }
        @media (max-width: 1024px) {
          .project_section .project_list .slick-custom-arrow.slick-prev {
            left: -10px; } }
        .project_section .project_list .slick-custom-arrow.slick-prev.slick-disabled {
          background: #fff url(images/ico/arrow_back_dis.svg) no-repeat center center;
          background-size: 14px 14px; }
        @media (max-width: 767px) {
          .project_section .project_list .slick-custom-arrow.slick-prev {
            background-size: 10px 10px !important;
            left: 5px;
            top: 95px; } }
      .project_section .project_list .slick-custom-arrow.slick-next {
        background: #fff url(images/ico/arrow_next.svg) no-repeat center center;
        background-size: 14px 14px;
        border-radius: 50%;
        left: 450px;
        overflow: hidden;
        top: 120px; }
        @media (max-width: 1024px) {
          .project_section .project_list .slick-custom-arrow.slick-next {
            left: 430px; } }
        .project_section .project_list .slick-custom-arrow.slick-next.slick-disabled {
          background: #fff url(images/ico/arrow_next_dis.svg) no-repeat center center;
          background-size: 14px 14px; }
        @media (max-width: 767px) {
          .project_section .project_list .slick-custom-arrow.slick-next {
            background-size: 10px 10px !important;
            left: unset;
            right: 5px;
            top: 95px; } }
    .project_section .project_list .slick-dots {
      bottom: 0;
      display: flex;
      gap: 10px;
      left: 0;
      position: absolute; }
      @media (max-width: 767px) {
        .project_section .project_list .slick-dots {
          left: 50%;
          transform: translateX(-50%); } }
      .project_section .project_list .slick-dots li button {
        background: #BCBCBC;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        display: block;
        height: 14px;
        padding: 0;
        text-indent: -9999px;
        width: 14px; }
      .project_section .project_list .slick-dots li.slick-active button {
        background: url(images/ico/active_drop.svg) no-repeat top left;
        border-radius: 0;
        width: 21px; }
  .project_section .a-wave {
    bottom: -80px;
    transform: rotate(180deg); }
    @media (max-width: 767px) {
      .project_section .a-wave {
        bottom: -60px; } }

.quote_section {
  background: url(images/home/drop_water_bg.jpg) no-repeat top left;
  background-attachment: fixed;
  background-size: cover;
  position: relative; }
  @media (max-width: 1024px) {
    .quote_section {
      background-attachment: unset;
      background-position: center center; } }
  .quote_section:before {
    background: rgba(32, 71, 122, 0.5);
    content: '';
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; }
  .quote_section .quote_inner {
    padding-top: 305px;
    padding-bottom: 145px;
    position: relative; }
    @media (max-width: 1024px) {
      .quote_section .quote_inner {
        padding-top: 225px; } }
    @media (max-width: 767px) {
      .quote_section .quote_inner {
        padding-top: 237px;
        padding-bottom: 85px; } }
    .quote_section .quote_inner .quote_txt {
      background: url(images/ico/quote_ico.svg) no-repeat top left;
      color: #fff;
      font-size: 40px;
      font-weight: bold;
      line-height: calc(60/40);
      padding-left: 76px;
      padding-top: 7px; }
      @media (max-width: 767px) {
        .quote_section .quote_inner .quote_txt {
          background-size: 25px 20px;
          font-size: 24px;
          line-height: calc(38/24);
          padding-left: 32px; } }

.partner_section {
  padding: 49px 0 81px; }
  @media (max-width: 767px) {
    .partner_section {
      padding: 34px 0 42px; } }
  .partner_section .section_ttl {
    margin-bottom: 25px;
    text-align: center; }
    @media (max-width: 767px) {
      .partner_section .section_ttl {
        margin-bottom: 15px; } }
  .partner_section .partner_list .slick-track {
    display: flex;
    justify-content: center; }
  .partner_section .partner_list figure {
    align-self: center;
    height: auto;
    padding: 0 20px;
    width: 250px; }
    .partner_section .partner_list figure img {
      max-height: 90px;
      max-width: 100%;
      object-fit: contain; }

@media (max-width: 767px) {
  .section_ttl:lang(vi) {
    font-size: 36px; } }

.section_ttl {
  color: #075DCC;
  font-weight: bold;
  font-size: 70px;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .section_ttl {
      font-size: 44px;
      line-height: 1.3; } }

.wp-block-buttons .section_btn .wp-block-button__link,
.wp-block-buttons .section_btn a {
  background: none;
  border-radius: 0;
  color: #0088FF;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 40px;
  position: relative;
  text-align: left;
  transition: all 0.3s;
  width: 300px; }
  @media (max-width: 767px) {
    .wp-block-buttons .section_btn .wp-block-button__link,
    .wp-block-buttons .section_btn a {
      font-size: 14px; } }
  .wp-block-buttons .section_btn .wp-block-button__link:before,
  .wp-block-buttons .section_btn a:before {
    background: url(images/ico/btn_lft_icon.svg) no-repeat top left;
    content: '';
    height: 20px;
    left: 0;
    position: absolute;
    opacity: 1;
    top: 3px;
    transition: all 0.3s;
    width: 30px; }
  .wp-block-buttons .section_btn .wp-block-button__link:after,
  .wp-block-buttons .section_btn a:after {
    background: url(images/ico/circle_arrow_ico.svg) no-repeat top right;
    content: '';
    height: 14px;
    right: 0;
    position: absolute;
    opacity: 1;
    top: 6px;
    transition: all 0.3s;
    width: 52px; }
  @media (min-width: 768px) {
    .wp-block-buttons .section_btn .wp-block-button__link:hover,
    .wp-block-buttons .section_btn a:hover {
      padding-left: 0; }
      .wp-block-buttons .section_btn .wp-block-button__link:hover:before,
      .wp-block-buttons .section_btn a:hover:before {
        opacity: 0; }
      .wp-block-buttons .section_btn .wp-block-button__link:hover:after,
      .wp-block-buttons .section_btn a:hover:after {
        background: url(images/ico/btn_rgt_icon.svg) no-repeat top left; } }

.body_sub header {
  background: #fff; }

.page_header {
  margin-top: 95px;
  position: relative; }
  @media (max-width: 767px) {
    .page_header {
      margin-top: 54px;
      background-attachment: unset !important; } }
  .page_header:before {
    background: rgba(32, 71, 122, 0.5);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .page_header .page_hd_img {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden; }
  .page_header .page_ttl {
    align-items: start;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 240px;
    padding: 25px 0 65px;
    position: relative; }
    @media (max-width: 767px) {
      .page_header .page_ttl {
        min-height: 150px;
        padding: 10px 0 30px; } }
    .page_header .page_ttl:after {
      background: url(images/ico/subpage_ico.svg) no-repeat top left/contain;
      bottom: 14px;
      content: '';
      height: 60px;
      position: absolute;
      right: 0;
      width: 220px; }
      @media (max-width: 767px) {
        .page_header .page_ttl:after {
          background: url(images/ico/subpage_ico.svg) no-repeat top right/contain;
          bottom: 14px;
          content: '';
          height: 40px;
          position: absolute;
          right: 0;
          width: 220px; } }
    .page_header .page_ttl .page_ttl_txt {
      font-size: 60px;
      font-weight: bold;
      line-height: 1.65;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .page_header .page_ttl .page_ttl_txt {
          font-size: 40px;
          line-height: 1.5; } }
      .page_header .page_ttl .page_ttl_txt span {
        font-size: 16px;
        display: block; }
        @media (max-width: 767px) {
          .page_header .page_ttl .page_ttl_txt span {
            font-size: 14px; } }

.page_pankuzu .pankuzu_inner {
  display: flex;
  gap: 30px;
  padding: 14px 0 16px; }
  .page_pankuzu .pankuzu_inner a {
    color: #BCBCBC;
    flex-shrink: 0;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap; }
    .page_pankuzu .pankuzu_inner a:after {
      background: url(images/ico/page_line_ico.svg) no-repeat top left;
      content: '';
      height: 14px;
      position: absolute;
      right: -21px;
      top: 7px;
      width: 9px; }
  .page_pankuzu .pankuzu_inner span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    min-width: 0; }

.page_anchor .page_anchor_inner {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1200px; }
  @media (max-width: 767px) {
    .page_anchor .page_anchor_inner.wp-block-group {
      position: relative !important;
      top: 0 !important; } }
  .page_anchor .page_anchor_inner ul {
    align-items: center;
    background: #F1F8FF;
    border-radius: 20px;
    display: flex;
    justify-content: space-evenly;
    padding: 10px 32px 12px; }
    @media (max-width: 767px) {
      .page_anchor .page_anchor_inner ul {
        border-radius: 5px;
        flex-direction: column;
        gap: 5px;
        padding: 20px;
        align-items: unset; } }
    .page_anchor .page_anchor_inner ul li:last-child {
      display: none; }
    @media (max-width: 767px) {
      .page_anchor .page_anchor_inner ul li.custom_line {
        display: none; } }
    .page_anchor .page_anchor_inner ul li a {
      align-items: center;
      color: #075DCC;
      display: flex;
      font-weight: bold;
      gap: 12px;
      text-transform: uppercase;
      text-decoration: none;
      transition: all 0.15s;
      position: relative; }
      .page_anchor .page_anchor_inner ul li a:after {
        background: url(images/ico/anchor_link_ico.svg) no-repeat top left;
        content: '';
        height: 14px;
        position: relative;
        width: 13px; }
        @media (max-width: 767px) {
          .page_anchor .page_anchor_inner ul li a:after {
            background: url(images/ico/anchor_link_ico.svg) no-repeat center right/contain;
            min-width: 13px; } }
      @media (max-width: 767px) {
        .page_anchor .page_anchor_inner ul li a {
          justify-content: space-between; } }
      .page_anchor .page_anchor_inner ul li a:hover {
        opacity: 0.7; }
    .page_anchor .page_anchor_inner ul li .line {
      display: block;
      width: 1px;
      height: 14px;
      background: #D1E9FF; }
  .page_anchor .page_anchor_inner.fixed {
    left: 50%;
    transform: translateX(-50%);
    position: fixed; }
  @media (min-width: 768px) {
    .page_anchor .page_anchor_inner.page_anchor_clone {
      display: none !important; } }
  @media (max-width: 767px) {
    .page_anchor .page_anchor_inner.page_anchor_clone {
      display: none;
      left: -200px !important;
      position: fixed !important;
      top: 105px;
      transform: unset;
      transition: all 0.3s ease-in-out;
      max-width: 200px; }
      .page_anchor .page_anchor_inner.page_anchor_clone ul {
        border-radius: 0 10px 10px 0; } }
  @media (max-width: 767px) {
    .page_anchor .page_anchor_inner.active {
      left: 0 !important; }
      .page_anchor .page_anchor_inner.active .expand_btn {
        border-radius: 5px 0 0 5px;
        background-position: center left 10px;
        box-shadow: none;
        transform: rotate(180deg); }
    .page_anchor .page_anchor_inner .expand_btn {
      background: #F1F8FF url(images/ico/expand_ico.svg) no-repeat center left 20px;
      background-size: 9px auto;
      border-radius: 0 5px 5px 0;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      content: '';
      display: block;
      height: 30px;
      position: absolute;
      top: 20px;
      right: -30px;
      width: 40px;
      transition: all 0.3s;
      z-index: -1; } }

.sub_page_ttl {
  color: #075DCC;
  font-size: 70px;
  font-weight: bold;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .sub_page_ttl {
      font-size: 32px;
      line-height: 1.3; } }

.sub_page_ttl:lang(vi) {
  font-size: 65px; }
  @media (max-width: 767px) {
    .sub_page_ttl:lang(vi) {
      font-size: 29px;
      line-height: 1.5; } }

.aboutus_section {
  padding: 54px 0 86px; }
  @media (max-width: 767px) {
    .aboutus_section {
      padding: 40px 0 50px !important; } }
  .aboutus_section .aboutus_block {
    padding: 6px 0 0; }
    .aboutus_section .aboutus_block > div {
      display: flex;
      gap: 47px; }
      @media (max-width: 767px) {
        .aboutus_section .aboutus_block > div {
          flex-direction: column;
          gap: 30px; } }
      .aboutus_section .aboutus_block > div .aboutus_lft {
        width: 51%; }
        @media (max-width: 767px) {
          .aboutus_section .aboutus_block > div .aboutus_lft {
            order: 2;
            width: 100%; } }
      .aboutus_section .aboutus_block > div .aboutus_rgt {
        font-size: 20px;
        line-height: calc(36/20);
        padding-top: 31px;
        width: calc(49% - 47px); }
        @media (max-width: 767px) {
          .aboutus_section .aboutus_block > div .aboutus_rgt {
            font-size: 16px;
            padding: 0;
            width: 100%; } }
  .aboutus_section .aboutus_list {
    padding: 41px 0 0; }
    .aboutus_section .aboutus_list > div {
      display: flex;
      flex-wrap: wrap;
      gap: 30px 7.5%; }
      @media (max-width: 1024px) {
        .aboutus_section .aboutus_list > div {
          gap: 20px 5%; } }
      @media (max-width: 767px) {
        .aboutus_section .aboutus_list > div {
          gap: 10px; } }
      .aboutus_section .aboutus_list > div .aboutus_item {
        align-items: center;
        background: #fff;
        border-radius: 20px;
        box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.06);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 47px 10px 40px;
        width: calc(85% / 3); }
        @media (max-width: 1024px) {
          .aboutus_section .aboutus_list > div .aboutus_item {
            width: calc(90% / 3); } }
        @media (max-width: 767px) {
          .aboutus_section .aboutus_list > div .aboutus_item {
            padding: 20px 10px 15px;
            width: calc((100% - 10px) / 2); } }
        .aboutus_section .aboutus_list > div .aboutus_item .aboutus_item_img {
          align-items: center;
          display: flex;
          justify-content: center;
          height: 100px;
          margin-bottom: 6px; }
          @media (max-width: 767px) {
            .aboutus_section .aboutus_list > div .aboutus_item .aboutus_item_img {
              height: 60px; }
              .aboutus_section .aboutus_list > div .aboutus_item .aboutus_item_img img {
                height: 60px;
                object-fit: contain; } }
        .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div {
          display: flex;
          gap: 2px;
          justify-content: center; }
          @media (max-width: 767px) {
            .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div {
              margin-bottom: 15px; } }
          .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div .aboutus_number_lft {
            color: #075DCC;
            font-size: 50px;
            font-weight: bold; }
            @media (max-width: 767px) {
              .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div .aboutus_number_lft {
                font-size: 30px; } }
          .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div .aboutus_number_rgt p {
            color: #075DCC;
            display: flex;
            flex-direction: column;
            font-size: 20px;
            font-weight: bold;
            justify-content: start;
            left: 9px;
            text-transform: uppercase;
            position: relative;
            top: 21px; }
            @media (max-width: 767px) {
              .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div .aboutus_number_rgt p {
                font-size: 14px;
                top: 10px; } }
            .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div .aboutus_number_rgt p span {
              line-height: 1.15; }
          .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div .aboutus_number_rgt .large_icon {
            font-size: 40px;
            left: 0;
            top: 9px; }
            @media (max-width: 767px) {
              .aboutus_section .aboutus_list > div .aboutus_item .aboutus_number > div .aboutus_number_rgt .large_icon {
                font-size: 30px;
                top: 0; } }
        .aboutus_section .aboutus_list > div .aboutus_item .aboutus_item_ttl {
          color: #111111;
          font-size: 18px;
          font-weight: bold;
          line-height: 2;
          margin-top: -18px;
          text-align: center;
          text-transform: uppercase; }
          @media (max-width: 767px) {
            .aboutus_section .aboutus_list > div .aboutus_item .aboutus_item_ttl {
              font-size: 14px;
              line-height: 1.4; } }

.milestones_section {
  position: relative;
  overflow: hidden; }
  .milestones_section:before {
    background: #F1F8FF;
    border-radius: 0 20px 20px 0;
    content: '';
    left: 0;
    height: 100%;
    right: calc(50% - 380px);
    position: absolute;
    top: 0; }
  .milestones_section .milestones_inner {
    padding-bottom: 53px;
    position: relative; }
    .milestones_section .milestones_inner > div {
      display: flex;
      gap: 36px; }
      @media (max-width: 767px) {
        .milestones_section .milestones_inner > div {
          flex-direction: column;
          gap: 10px; } }
      .milestones_section .milestones_inner > div .milestones_lft {
        padding-top: 51px;
        width: calc(58.6% - 36px); }
        @media (max-width: 767px) {
          .milestones_section .milestones_inner > div .milestones_lft {
            width: 100%; } }
        .milestones_section .milestones_inner > div .milestones_lft .history_tbl {
          padding: 15px 0 0 10px; }
          .milestones_section .milestones_inner > div .milestones_lft .history_tbl dl {
            position: relative; }
            .milestones_section .milestones_inner > div .milestones_lft .history_tbl dl:before {
              background: #075DCC;
              content: '';
              height: 100%;
              left: 0;
              position: absolute;
              top: 0;
              width: 2px; }
            .milestones_section .milestones_inner > div .milestones_lft .history_tbl dl:first-child:before {
              top: 10px; }
            .milestones_section .milestones_inner > div .milestones_lft .history_tbl dl:last-child dd {
              position: relative; }
              .milestones_section .milestones_inner > div .milestones_lft .history_tbl dl:last-child dd:before {
                background: #F1F8FF;
                bottom: 0;
                content: '';
                left: -3px;
                position: absolute;
                top: -20px;
                width: 5px; }
          .milestones_section .milestones_inner > div .milestones_lft .history_tbl dt,
          .milestones_section .milestones_inner > div .milestones_lft .history_tbl dd {
            border: none;
            display: block;
            line-height: 1.4;
            padding: 0 0 0 24px; }
          .milestones_section .milestones_inner > div .milestones_lft .history_tbl dt {
            color: #075DCC;
            font-size: 18px;
            font-weight: bold;
            padding-bottom: 5px;
            position: relative; }
            .milestones_section .milestones_inner > div .milestones_lft .history_tbl dt:before {
              background: #F1F8FF url(images/ico/history_ico.svg) no-repeat top left;
              content: '';
              height: 20px;
              left: -9px;
              position: absolute;
              top: 4px;
              width: 20px;
              z-index: 1; }
          .milestones_section .milestones_inner > div .milestones_lft .history_tbl dd {
            padding-bottom: 33px; }
      .milestones_section .milestones_inner > div .milestones_rgt {
        width: 41.4%;
        padding-top: 90px; }
        @media (max-width: 767px) {
          .milestones_section .milestones_inner > div .milestones_rgt {
            padding-top: 0;
            width: 100%; } }
        .milestones_section .milestones_inner > div .milestones_rgt figure {
          padding-top: 83px;
          position: relative; }
          @media (max-width: 767px) {
            .milestones_section .milestones_inner > div .milestones_rgt figure {
              padding-top: 50px; } }
          .milestones_section .milestones_inner > div .milestones_rgt figure:before {
            background: url(images/home/about_us_bg.png) no-repeat top left;
            background-size: cover;
            border-radius: 20px;
            content: '';
            height: 346px;
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 7px;
            width: 57%; }
            @media (max-width: 767px) {
              .milestones_section .milestones_inner > div .milestones_rgt figure:before {
                height: calc(100% - 100px); } }
          .milestones_section .milestones_inner > div .milestones_rgt figure img {
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            width: 85%; }

.strength_section {
  padding: 80px 0 0; }
  @media (max-width: 767px) {
    .strength_section {
      padding: 40px 0 0; } }
  .strength_section .sub_page_ttl {
    margin-bottom: 5px;
    text-align: center; }
  .strength_section .strength_desc {
    font-size: 18px;
    line-height: calc(32/18);
    text-align: center; }
    @media (max-width: 767px) {
      .strength_section .strength_desc {
        font-size: 14px; } }
  .strength_section .strength_feature {
    counter-reset: item-counter;
    padding: 59px 0 0; }
    .strength_section .strength_feature .strength_item {
      margin-bottom: 52px;
      padding-top: 129px;
      position: relative; }
      @media (max-width: 767px) {
        .strength_section .strength_feature .strength_item {
          padding-top: 40px; } }
      .strength_section .strength_feature .strength_item .container > div {
        display: flex; }
      .strength_section .strength_feature .strength_item .strength_item_img {
        border-radius: 20px 0 0 20px;
        bottom: 66px;
        position: absolute;
        max-height: 490px;
        left: calc(50% - 218px);
        overflow: hidden;
        right: 0;
        top: 0; }
        @media (max-width: 767px) {
          .strength_section .strength_feature .strength_item .strength_item_img {
            border-radius: 0;
            bottom: 0;
            left: 0;
            margin-top: 20px;
            position: relative;
            right: 0;
            width: 100%; } }
        .strength_section .strength_feature .strength_item .strength_item_img img {
          opacity: 0;
          visibility: hidden;
          width: 100%; }
      .strength_section .strength_feature .strength_item .strength_item_block {
        border-radius: 0 20px 20px 0;
        background: #fff;
        padding: 70px 70px 60px 0px;
        position: relative;
        width: 58%;
        z-index: 1; }
        @media (max-width: 767px) {
          .strength_section .strength_feature .strength_item .strength_item_block {
            border-radius: 0;
            padding: 0;
            width: 100%; } }
        .strength_section .strength_feature .strength_item .strength_item_block:before {
          color: #D1E9FF;
          content: counter(item-counter,decimal-leading-zero);
          counter-increment: item-counter;
          font-size: 200px;
          font-weight: bold;
          line-height: 1;
          position: absolute;
          left: 0;
          top: -129px;
          z-index: -1; }
          @media (max-width: 767px) {
            .strength_section .strength_feature .strength_item .strength_item_block:before {
              font-size: 120px;
              top: -75px; } }
        .strength_section .strength_feature .strength_item .strength_item_block .strength_item_ttl {
          color: #075DCC;
          font-size: 40px;
          font-weight: bold;
          margin-bottom: 7px;
          text-transform: uppercase; }
          @media (max-width: 767px) {
            .strength_section .strength_feature .strength_item .strength_item_block .strength_item_ttl {
              font-size: 28px;
              line-height: 1.4; } }
        .strength_section .strength_feature .strength_item .strength_item_block .strength_item_desc {
          line-height: 2; }
      .strength_section .strength_feature .strength_item:nth-child(odd) .container > div {
        justify-content: end; }
      .strength_section .strength_feature .strength_item:nth-child(odd) .strength_item_block {
        border-radius: 20px 0 0 20px;
        padding: 65px 0 58px 70px; }
        .strength_section .strength_feature .strength_item:nth-child(odd) .strength_item_block:before {
          left: 65px; }
          @media (max-width: 767px) {
            .strength_section .strength_feature .strength_item:nth-child(odd) .strength_item_block:before {
              left: 0; } }
        @media (max-width: 767px) {
          .strength_section .strength_feature .strength_item:nth-child(odd) .strength_item_block {
            border-radius: 0;
            padding: 0; } }
      .strength_section .strength_feature .strength_item:nth-child(odd) .strength_item_img {
        border-radius: 0 20px 20px 0;
        bottom: 66px;
        left: 0;
        position: absolute;
        top: 0;
        overflow: hidden;
        right: calc(50% - 222px); }
        @media (max-width: 767px) {
          .strength_section .strength_feature .strength_item:nth-child(odd) .strength_item_img {
            border-radius: 0;
            bottom: 0;
            position: relative;
            right: 0; } }

.network_section {
  position: relative; }
  .network_section .sub_page_ttl {
    position: absolute;
    text-align: center;
    top: 57px;
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      .network_section .sub_page_ttl {
        top: 10px; } }
  .network_section .network_list {
    background: #F1F8FF;
    padding: 45px 0 67px; }
    .network_section .network_list .network_inner > div {
      display: flex;
      flex-wrap: wrap;
      gap: 18px 20px; }
      @media (max-width: 767px) {
        .network_section .network_list .network_inner > div {
          flex-direction: column;
          gap: 15px; } }
      .network_section .network_list .network_inner > div .network_item {
        width: calc((100% - 60px) / 4); }
        @media (max-width: 767px) {
          .network_section .network_list .network_inner > div .network_item {
            width: 100%; } }
        .network_section .network_list .network_inner > div .network_item .network_item_ttl {
          color: #075DCC;
          font-size: 18px;
          line-height: calc(32/18);
          margin-bottom: 5px;
          text-transform: uppercase; }
        .network_section .network_list .network_inner > div .network_item .network_item_txt {
          line-height: calc(28/16);
          margin-bottom: 3px; }
          .network_section .network_list .network_inner > div .network_item .network_item_txt a {
            color: #0088FF;
            display: inline-block;
            position: relative;
            text-decoration: none; }
            .network_section .network_list .network_inner > div .network_item .network_item_txt a:after {
              background: url(images/ico/ext_link_icon.svg) no-repeat center right;
              content: '';
              display: inline-block;
              height: 13px;
              margin-left: 10px;
              position: relative;
              width: 13px; }

.network_img {
  position: relative;
  overflow: auto;
  width: 100%; }
  .network_img img {
    width: 100%; }
  .network_img.--zoom-map img {
    transform: scale(2);
    transform-origin: 0 0; }

.img_group {
  position: relative; }

.js-zoom-btn {
  bottom: 10px;
  left: 10px;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(images/ico/zoom_icon.svg) no-repeat top left;
  background-size: 100% auto;
  z-index: 3;
  border-radius: 50%;
  border: 1px solid #075DCC; }
  @media (min-width: 768px) {
    .js-zoom-btn {
      display: none !important; } }

:lang(ja) .aboutus_section .aboutus_list > div .aboutus_item .aboutus_item_ttl {
  line-height: 1.4;
  margin-top: 0;
  padding: 5px 0 0; }

.news_page {
  padding: 35px 0 70px; }
  @media (max-width: 767px) {
    .news_page {
      padding: 40px 0 50px; } }
  .news_page .news_block .no_post_text {
    padding: 10px 0 30px; }
  .news_page .news_block .news_list {
    display: flex;
    left: -30px;
    padding-bottom: 50px;
    position: relative;
    width: calc(100% + 60px); }
    .news_page .news_block .news_list.slick-slider {
      padding-bottom: 150px; }
    @media (max-width: 767px) {
      .news_page .news_block .news_list {
        left: 0;
        padding: 20px 0 30px;
        width: 100%; }
        .news_page .news_block .news_list.slick-slider {
          padding-bottom: 70px; } }
  .news_page .news_block .news_item {
    width: 420px;
    padding: 0 30px;
    cursor: pointer; }
    @media (max-width: 767px) {
      .news_page .news_block .news_item {
        padding: 0 10px;
        width: 100%; } }
    .news_page .news_block .news_item .news_img {
      border-radius: 10px;
      overflow: hidden; }
      @media (max-width: 767px) {
        .news_page .news_block .news_item .news_img {
          margin-bottom: 10px; } }
      .news_page .news_block .news_item .news_img img {
        height: 220px;
        object-fit: cover;
        transition: all 0.3s;
        width: 100%; }
    .news_page .news_block .news_item .news_content .news_top {
      display: flex;
      gap: 10px;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 17px 0 4px; }
      @media (max-width: 767px) {
        .news_page .news_block .news_item .news_content .news_top {
          padding: 0 0 4px;
          order: 2; } }
      .news_page .news_block .news_item .news_content .news_top .news_cat {
        display: flex;
        flex-wrap: wrap;
        gap: 0 15px;
        padding-left: 15px;
        position: relative; }
        .news_page .news_block .news_item .news_content .news_top .news_cat:before {
          background: #075DCC;
          content: '';
          height: 10px;
          left: 0;
          position: absolute;
          top: 7px;
          width: 10px; }
          @media (max-width: 767px) {
            .news_page .news_block .news_item .news_content .news_top .news_cat:before {
              top: 6px; } }
        .news_page .news_block .news_item .news_content .news_top .news_cat .news_cat_item {
          color: #075DCC;
          font-size: 14px;
          font-weight: bold;
          position: relative;
          text-transform: uppercase; }
          @media (max-width: 767px) {
            .news_page .news_block .news_item .news_content .news_top .news_cat .news_cat_item {
              font-size: 12px; } }
          .news_page .news_block .news_item .news_content .news_top .news_cat .news_cat_item:after {
            content: '/';
            right: -10px;
            top: -1px;
            position: absolute; }
          .news_page .news_block .news_item .news_content .news_top .news_cat .news_cat_item:last-child::after {
            display: none; }
      .news_page .news_block .news_item .news_content .news_top .news_date {
        color: #BCBCBC;
        font-size: 14px;
        text-align: right; }
        @media (max-width: 767px) {
          .news_page .news_block .news_item .news_content .news_top .news_date {
            font-size: 12px; } }
    .news_page .news_block .news_item .news_content .news_ttl {
      font-size: 14px;
      font-weight: 600;
      line-height: 2;
      margin-bottom: 9px; }
      @media (max-width: 767px) {
        .news_page .news_block .news_item .news_content .news_ttl {
          font-size: 12px;
          line-height: calc(20/12);
          margin-bottom: 0; } }
    .news_page .news_block .news_item .news_content a {
      background: url(images/ico/gray_arrow_ico.svg) no-repeat center right;
      background-size: 14px auto;
      color: #BCBCBC;
      font-size: 14px;
      padding-bottom: 2px;
      padding-right: 22px;
      text-decoration: none;
      text-transform: uppercase;
      transition: all 0.3s; }
      @media (max-width: 767px) {
        .news_page .news_block .news_item .news_content a {
          max-height: 0;
          max-width: 0;
          visibility: hidden;
          overflow: hidden;
          opacity: 0; } }
    .news_page .news_block .news_item:hover .news_img img {
      transform: scale(1.2); }
    .news_page .news_block .news_item:hover a {
      background: url(images/ico/circle_arrow_ico.svg) no-repeat center right;
      background-size: 14px auto;
      color: #0088FF; }
  .news_page .news_block .slick-custom-arrow {
    border: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    display: block;
    height: 60px;
    position: absolute;
    text-indent: -9999px;
    width: 60px;
    z-index: 2; }
    @media (max-width: 767px) {
      .news_page .news_block .slick-custom-arrow {
        height: 40px;
        width: 40px; } }
    .news_page .news_block .slick-custom-arrow.slick-prev {
      background: #fff url(images/ico/arrow_back.svg) no-repeat center center;
      background-size: 14px 14px;
      border-radius: 50%;
      left: -15px;
      overflow: hidden;
      top: 80px; }
      @media (max-width: 1024px) {
        .news_page .news_block .slick-custom-arrow.slick-prev {
          left: -10px; } }
      .news_page .news_block .slick-custom-arrow.slick-prev.slick-disabled {
        background: #fff url(images/ico/arrow_back_dis.svg) no-repeat center center;
        background-size: 14px 14px; }
      @media (max-width: 767px) {
        .news_page .news_block .slick-custom-arrow.slick-prev {
          background-size: 10px 10px !important;
          left: -15px;
          top: 110px; } }
    .news_page .news_block .slick-custom-arrow.slick-next {
      background: #fff url(images/ico/arrow_next.svg) no-repeat center center;
      background-size: 14px 14px;
      border-radius: 50%;
      right: -15px;
      overflow: hidden;
      top: 80px; }
      @media (max-width: 1024px) {
        .news_page .news_block .slick-custom-arrow.slick-next {
          right: -10px; } }
      .news_page .news_block .slick-custom-arrow.slick-next.slick-disabled {
        background: #fff url(images/ico/arrow_next_dis.svg) no-repeat center center;
        background-size: 14px 14px; }
      @media (max-width: 767px) {
        .news_page .news_block .slick-custom-arrow.slick-next {
          background-size: 10px 10px !important;
          left: unset;
          right: -15px;
          top: 110px; } }
  .news_page .news_block .slick-dots {
    bottom: 65px;
    display: flex;
    gap: 10px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute; }
    @media (max-width: 767px) {
      .news_page .news_block .slick-dots {
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px; } }
    .news_page .news_block .slick-dots li button {
      background: #BCBCBC;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: block;
      height: 14px;
      padding: 0;
      text-indent: -9999px;
      width: 14px; }
    .news_page .news_block .slick-dots li.slick-active button {
      background: url(images/ico/active_drop.svg) no-repeat top left;
      border-radius: 0;
      width: 21px; }

.post_ttl {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-size: 36px;
  font-weight: bold;
  line-height: calc(54/36);
  padding: 27px 0 22px;
  position: relative; }
  @media (max-width: 767px) {
    .post_ttl {
      font-size: 24px; } }
  .post_ttl:after {
    background: #075DCC;
    bottom: -1px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100px; }

.single-post .news_top {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px 0 26px; }
  @media (max-width: 767px) {
    .single-post .news_top {
      order: 2; } }
.single-post .news_date {
  color: #BCBCBC;
  font-size: 14px;
  text-align: right; }
  @media (max-width: 767px) {
    .single-post .news_date {
      font-size: 12px; } }
.single-post .news_cat {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  position: relative; }
  .single-post .news_cat .news_cat_item {
    background: #075DCC;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 13px;
    text-transform: uppercase; }

.single-post .post_content {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 21px; }
  .single-post .post_content p {
    margin-bottom: 47px; }
    @media (max-width: 767px) {
      .single-post .post_content p {
        margin-bottom: 25px; } }
  .single-post .post_content a {
    color: #0088FF; }
  .single-post .post_content img {
    border-radius: 10px;
    display: block;
    overflow: hidden;
    margin: 0 auto 20px;
    width: 100%;
    max-width: 800px; }
  .single-post .post_content ul {
    margin-bottom: 34px;
    padding-left: 16px; }
    @media (max-width: 767px) {
      .single-post .post_content ul {
        margin-bottom: 20px; } }
    .single-post .post_content ul li {
      list-style: disc; }
  .single-post .post_content ol {
    padding-left: 16px; }
.single-post .post_pagination {
  display: flex;
  gap: 100px;
  justify-content: space-between;
  padding: 23px 0 40px; }
  @media (max-width: 767px) {
    .single-post .post_pagination {
      padding: 15px 0 25px; } }
  .single-post .post_pagination a {
    color: #111111;
    display: -webkit-box;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase; }
    .single-post .post_pagination a.prev_link {
      background: url(images/ico/prev_icon.svg) no-repeat center left;
      padding-left: 30px; }
    .single-post .post_pagination a.next_link {
      background: url(images/ico/next_icon.svg) no-repeat center right;
      padding-right: 30px; }
    .single-post .post_pagination a:hover {
      color: #0088FF; }
.single-post .list_link {
  background: none;
  border-radius: 0;
  color: #0088FF;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto 70px;
  padding: 0 0 0 40px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: all 0.3s;
  width: 218px; }
  @media (max-width: 767px) {
    .single-post .list_link {
      font-size: 14px;
      margin-bottom: 30px; } }
  .single-post .list_link:before {
    background: url(images/ico/btn_lft_icon.svg) no-repeat top left;
    content: '';
    height: 20px;
    left: 0;
    position: absolute;
    opacity: 1;
    top: 3px;
    transition: all 0.3s;
    width: 30px; }
  .single-post .list_link:after {
    background: url(images/ico/circle_arrow_ico.svg) no-repeat top right;
    content: '';
    height: 14px;
    right: 0;
    position: absolute;
    opacity: 1;
    top: 6px;
    transition: all 0.3s;
    width: 52px; }
  .single-post .list_link:hover {
    padding-left: 0; }
    .single-post .list_link:hover:before {
      opacity: 0; }
    .single-post .list_link:hover:after {
      background: url(images/ico/btn_rgt_icon.svg) no-repeat top left; }

.office_section {
  padding-bottom: 64px; }
  .office_section .section_ttl {
    margin-bottom: 15px; }
  .office_section .office_list > div {
    display: flex;
    gap: 30px; }
    @media (max-width: 767px) {
      .office_section .office_list > div {
        flex-direction: column; } }
    .office_section .office_list > div .office_item {
      width: calc((100% - 60px) / 3); }
      @media (max-width: 767px) {
        .office_section .office_list > div .office_item {
          width: 100%; } }
      .office_section .office_list > div .office_item img {
        border-radius: 10px;
        margin-bottom: 24px;
        overflow: hidden;
        max-width: 100%; }
      .office_section .office_list > div .office_item .office_cnt {
        color: #20477A;
        line-height: calc(28 / 16); }
      .office_section .office_list > div .office_item .office_ttl {
        font-weight: bold;
        margin-bottom: 6px;
        text-transform: uppercase; }
      .office_section .office_list > div .office_item .office_address {
        background: url(images/ico/building_ico.svg) no-repeat top 2px left;
        padding-left: 30px; }
      .office_section .office_list > div .office_item .office_tel {
        color: #20477A !important;
        background: url(images/ico/phone_ico.svg) no-repeat top 2px left;
        padding-left: 30px;
        text-decoration: none !important; }
      .office_section .office_list > div .office_item .office_fax {
        color: #20477A !important;
        background: url(images/ico/fax_ico.svg) no-repeat top 2px left;
        padding-left: 30px;
        text-decoration: none !important; }
      .office_section .office_list > div .office_item a {
        cursor: default !important;
        color: #20477A !important;
        text-decoration: none !important; }

.phone_section {
  padding-bottom: 62px; }
  .phone_section .section_ttl {
    margin-bottom: 20px; }
  .phone_section .phone_list > div {
    display: flex;
    gap: 4%;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .phone_section .phone_list > div {
        flex-direction: column;
        gap: 30px; } }
    .phone_section .phone_list > div .phone_item {
      width: 48%; }
      @media (max-width: 767px) {
        .phone_section .phone_list > div .phone_item {
          width: 100%; } }
      .phone_section .phone_list > div .phone_item .phone_ttl {
        color: #075DCC;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.3;
        margin-bottom: 13px;
        text-transform: uppercase; }
      .phone_section .phone_list > div .phone_item .phone_block {
        background: url(images/ico/vn_flag.svg) no-repeat top left;
        padding-left: 34px;
        padding-top: 2px; }
        .phone_section .phone_list > div .phone_item .phone_block:nth-child(2) {
          background: url(images/ico/jp_flag.svg) no-repeat top left; }
        .phone_section .phone_list > div .phone_item .phone_block > div {
          display: flex;
          gap: 10px;
          justify-content: space-between;
          margin-bottom: 15px; }
          .phone_section .phone_list > div .phone_item .phone_block > div a {
            color: #0088FF !important;
            text-decoration: none !important; }
      .phone_section .phone_list > div .phone_item .phone_name {
        color: #1E5AAA;
        font-size: 12px;
        line-height: 1.2;
        width: calc(100% - 190px); }
        .phone_section .phone_list > div .phone_item .phone_name span {
          color: #111111;
          display: block;
          line-height: 1;
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 3px; }
      .phone_section .phone_list > div .phone_item .phone_num {
        width: 180px; }
        .phone_section .phone_list > div .phone_item .phone_num span {
          border: 1px solid #0088FF;
          color: #0088FF;
          display: inline-block;
          height: auto;
          text-align: center;
          padding: 0;
          width: 100%; }

.mail_section {
  background: #F1F8FF;
  padding: 55px 0 95px; }
  @media (max-width: 767px) {
    .mail_section {
      padding: 30px 0 50px; } }
  .mail_section .mail_desc {
    margin-top: -10px; }
    @media (max-width: 767px) {
      .mail_section .mail_desc {
        margin-top: 0; } }
    .mail_section .mail_desc span {
      color: #DE0000; }
  .mail_section .mail_form {
    padding-top: 38px; }
    @media (max-width: 767px) {
      .mail_section .mail_form {
        padding-top: 20px; } }
    .mail_section .mail_form .contact_input {
      display: flex;
      flex-wrap: wrap;
      padding: 30px 50px;
      border-bottom: 1px dashed #CCCCCC; }
      @media (max-width: 767px) {
        .mail_section .mail_form .contact_input {
          flex-direction: column;
          padding: 20px 0; } }
      .mail_section .mail_form .contact_input > p {
        font-weight: 600;
        padding-right: 10px;
        width: calc(100% - 67.5%); }
        @media (max-width: 767px) {
          .mail_section .mail_form .contact_input > p {
            margin-bottom: 5px;
            width: 100%; } }
        .mail_section .mail_form .contact_input > p span {
          color: #DE0000; }
      .mail_section .mail_form .contact_input .contact_field {
        width: 67.5%; }
        @media (max-width: 767px) {
          .mail_section .mail_form .contact_input .contact_field {
            width: 100%; } }
        .mail_section .mail_form .contact_input .contact_field .wpcf7-captchac {
          margin-bottom: 8px; }
        .mail_section .mail_form .contact_input .contact_field select,
        .mail_section .mail_form .contact_input .contact_field input {
          background: #fff;
          border-radius: 3px;
          border: 1px solid #CCCCCC;
          font-size: 16px;
          height: 44px;
          padding: 5px 20px;
          width: 100%; }
        .mail_section .mail_form .contact_input .contact_field select {
          appearance: none;
          -moz-appearance: none;
          background: #fff url(images/ico/bg-selectbox.png) no-repeat top right;
          background-size: auto 100%;
          color: #111;
          font-size: 16px; }
        .mail_section .mail_form .contact_input .contact_field textarea {
          border: 1px solid #CCCCCC;
          border-radius: 3px;
          height: 200px;
          font-size: 16px;
          padding: 5px 20px;
          resize: none;
          width: 100%; }
  .mail_section .submit_btn {
    text-align: center;
    padding-top: 65px; }
    @media (max-width: 767px) {
      .mail_section .submit_btn {
        padding-top: 30px; } }
    .mail_section .submit_btn .form_submit input {
      background: #fff url(images/ico/arrow_blue.svg) no-repeat right 21px center;
      border: 1px solid #0088FF;
      border-radius: 10px;
      cursor: pointer;
      color: #0088FF;
      display: block;
      font-weight: bold;
      height: 56px;
      margin: 0 auto;
      text-transform: uppercase;
      transition: all 0.3s;
      width: 267px; }
      .mail_section .submit_btn .form_submit input:hover {
        background: #0088FF url(images/ico/arrow_wh.svg) no-repeat right 21px center;
        color: #fff; }
    .mail_section .submit_btn .form_submit .wpcf7-spinner {
      display: block;
      margin: 5px auto; }
  .mail_section .wpcf7-response-output {
    text-align: center; }

.plant_section_desc {
  margin-top: -3px; }
  @media (max-width: 767px) {
    .plant_section_desc {
      margin-top: 5px; } }

.industry_section {
  padding-top: 55px; }
  @media (max-width: 767px) {
    .industry_section {
      overflow: hidden; } }
  .industry_section .industry_group > div {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .industry_section .industry_group > div {
        flex-direction: column; } }
    .industry_section .industry_group > div .industry_gr_lft {
      padding: 76px 0 0;
      width: 45%; }
      @media (max-width: 767px) {
        .industry_section .industry_group > div .industry_gr_lft {
          display: none; } }
    .industry_section .industry_group > div .industry_gr_rgt {
      line-height: calc(25/16);
      padding-top: 60px;
      width: calc(100% - 48%); }
      @media (max-width: 767px) {
        .industry_section .industry_group > div .industry_gr_rgt {
          padding: 40px 0 0;
          position: relative;
          width: 100%; } }
      @media (max-width: 767px) {
        .industry_section .industry_group > div .industry_gr_rgt .slick-slide {
          padding: 0 5px; } }
      .industry_section .industry_group > div .industry_gr_rgt .industry_desc {
        margin-bottom: 45px; }
        @media (max-width: 767px) {
          .industry_section .industry_group > div .industry_gr_rgt .industry_desc {
            margin-bottom: 25px; } }
      .industry_section .industry_group > div .industry_gr_rgt .toggle_block {
        border: 1px solid #075DCC;
        border-radius: 5px;
        margin-bottom: 10px;
        margin-right: 1px; }
        .industry_section .industry_group > div .industry_gr_rgt .toggle_block.active .toggle_ttl:after {
          transform: translateY(-50%) rotate(-180deg);
          transform-origin: center; }
      .industry_section .industry_group > div .industry_gr_rgt h4 {
        font-size: 20px;
        line-height: calc(25/20);
        margin-bottom: 15px;
        margin-top: 20px;
        padding: 5px 17px 2px;
        position: relative; }
        @media (max-width: 767px) {
          .industry_section .industry_group > div .industry_gr_rgt h4 {
            font-size: 18px; } }
        .industry_section .industry_group > div .industry_gr_rgt h4:before {
          background: #075DCC;
          border-radius: 3px;
          content: '';
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 5px; }
      .industry_section .industry_group > div .industry_gr_rgt h5 {
        color: #075DCC;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        line-height: calc(28/16);
        padding: 9px 30px 7px 17px;
        position: relative; }
        @media (max-width: 767px) {
          .industry_section .industry_group > div .industry_gr_rgt h5 {
            font-size: 14px; } }
        .industry_section .industry_group > div .industry_gr_rgt h5:after {
          background: url(images/common/toggle_icon.svg) no-repeat top left;
          background-size: 100% 100%;
          content: '';
          display: block;
          height: 15px;
          position: absolute;
          right: 12px;
          top: 50%;
          transform: translateY(-50%);
          transition: all 0.3s;
          width: 15px; }
      .industry_section .industry_group > div .industry_gr_rgt img {
        border-radius: 10px;
        margin-bottom: 30px;
        overflow: hidden; }
        @media (max-width: 767px) {
          .industry_section .industry_group > div .industry_gr_rgt img {
            display: none;
            margin-bottom: 15px; } }
      .industry_section .industry_group > div .industry_gr_rgt p {
        margin-bottom: 20px; }
      .industry_section .industry_group > div .industry_gr_rgt .toggle_cnt {
        display: none;
        max-height: 150px;
        overflow-y: auto;
        padding: 10px 17px 20px;
        position: relative; }
        .industry_section .industry_group > div .industry_gr_rgt .toggle_cnt:before {
          background: #CCCCCC;
          content: '';
          left: 17px;
          height: 1px;
          top: 0;
          right: 17px;
          position: absolute; }
        .industry_section .industry_group > div .industry_gr_rgt .toggle_cnt:after {
          background: #075DCC;
          content: '';
          left: 17px;
          height: 1px;
          top: 0;
          position: absolute;
          width: 100px; }
        .industry_section .industry_group > div .industry_gr_rgt .toggle_cnt p:last-child {
          margin-bottom: 0; }
      .industry_section .industry_group > div .industry_gr_rgt .slick-arrow {
        background: none;
        border: 1px solid #075DCC;
        border-radius: 50%;
        display: block;
        height: 40px;
        position: absolute;
        text-indent: -9999px;
        top: 80px;
        width: 40px; }
        .industry_section .industry_group > div .industry_gr_rgt .slick-arrow.slick-prev {
          background: #fff url(images/ico/expand_ico.svg) no-repeat center center;
          background-size: 10px auto;
          left: 0;
          transform: rotate(180deg);
          transform-origin: center center;
          z-index: 1; }
        .industry_section .industry_group > div .industry_gr_rgt .slick-arrow.slick-next {
          background: #fff url(images/ico/expand_ico.svg) no-repeat center center;
          background-size: 10px auto;
          right: 0; }
      .industry_section .industry_group > div .industry_gr_rgt .slick-dots {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-top: 20px; }
        @media (min-width: 768px) {
          .industry_section .industry_group > div .industry_gr_rgt .slick-dots {
            display: none; } }
        .industry_section .industry_group > div .industry_gr_rgt .slick-dots li.slick-active button {
          background: url(images/ico/active_drop.svg) no-repeat top left;
          border-radius: 0;
          width: 21px; }
        .industry_section .industry_group > div .industry_gr_rgt .slick-dots li button {
          background: #BCBCBC;
          border: none;
          border-radius: 50%;
          cursor: pointer;
          display: block;
          height: 14px;
          padding: 0;
          text-indent: -9999px;
          width: 14px; }

.nav-tab__wrapper {
  margin: 50px auto;
  position: relative;
  width: 84%; }
  .nav-tab__wrapper .nav-tab__inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .nav-tab__wrapper .nav-tab__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    text-decoration: none;
    width: 29.5%; }
    .nav-tab__wrapper .nav-tab__item:first-child {
      left: 50%;
      top: -11%;
      transform: translateX(-50%); }
    .nav-tab__wrapper .nav-tab__item:nth-child(2) {
      top: 12%;
      right: -9%; }
    .nav-tab__wrapper .nav-tab__item:nth-child(3) {
      top: 58%;
      right: -9%; }
    .nav-tab__wrapper .nav-tab__item:nth-child(4) {
      bottom: -11%;
      left: 50%;
      transform: translateX(-50%); }
    .nav-tab__wrapper .nav-tab__item:nth-child(5) {
      left: -9%;
      top: 58%; }
    .nav-tab__wrapper .nav-tab__item:nth-child(6) {
      left: -9%;
      top: 12%; }
    .nav-tab__wrapper .nav-tab__item .nav-tab__icon {
      background: #fff;
      border-radius: 50%;
      position: relative; }
      .nav-tab__wrapper .nav-tab__item .nav-tab__icon .hover_off {
        opacity: 1;
        visibility: visible;
        transition: all 0.15s; }
      .nav-tab__wrapper .nav-tab__item .nav-tab__icon .hover_on {
        left: 0;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.15s;
        position: absolute;
        top: 0;
        width: 100%; }
    .nav-tab__wrapper .nav-tab__item.active__item .nav-tab__icon .hover_off {
      opacity: 0;
      visibility: hidden; }
    .nav-tab__wrapper .nav-tab__item.active__item .nav-tab__icon .hover_on {
      opacity: 1;
      visibility: visible; }

.industry_icon {
  text-align: center;
  text-transform: uppercase; }
  .industry_icon img {
    display: block !important;
    margin: 10px auto 30px !important; }
  @media (min-width: 768px) {
    .industry_icon {
      display: none; } }

.services_section {
  padding-top: 54px;
  padding-bottom: 105px; }
  @media (max-width: 767px) {
    .services_section {
      padding-top: 30px;
      padding-bottom: 50px; } }
  .services_section .services_section_txt {
    margin-top: 10px;
    margin-bottom: 65px; }
    @media (max-width: 767px) {
      .services_section .services_section_txt {
        margin-bottom: 30px; } }

.tech_section {
  background: #F1F8FF;
  padding: 82px 0 70px; }
  @media (max-width: 767px) {
    .tech_section {
      padding: 30px 0; } }
  .tech_section .sub_page_ttl {
    margin-bottom: 15px; }
  .tech_section .tech_img {
    margin-bottom: 70px; }
    @media (max-width: 767px) {
      .tech_section .tech_img {
        margin-bottom: 30px; } }
  .tech_section .toggle_block {
    background: #fff;
    border: 1px solid #075DCC;
    border-radius: 5px;
    margin-bottom: 21px; }
    @media (max-width: 767px) {
      .tech_section .toggle_block {
        margin-bottom: 10px; } }
    .tech_section .toggle_block:last-child {
      margin-bottom: 0; }
    .tech_section .toggle_block.active {
      border: 1px solid #fff;
      border-radius: 20px;
      box-shadow: 0px 6px 12px rgba(32, 71, 122, 0.1); }
      .tech_section .toggle_block.active .toggle_ttl:after {
        transform: translateY(-50%) rotate(-180deg);
        transform-origin: center; }
  .tech_section .toggle_ttl {
    color: #075DCC;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: calc(28/20);
    padding: 19px 30px;
    position: relative;
    z-index: 1; }
    @media (max-width: 767px) {
      .tech_section .toggle_ttl {
        font-size: 16px;
        padding: 10px 20px; } }
    .tech_section .toggle_ttl:before {
      background: transparent url(images/plant/toggle_drop.svg) no-repeat top left;
      content: '';
      height: 24px;
      left: 10px;
      top: 13px;
      position: absolute;
      width: 37px;
      z-index: -1; }
      @media (max-width: 767px) {
        .tech_section .toggle_ttl:before {
          background-size: 100% auto;
          top: 7px;
          width: 25px; } }
    .tech_section .toggle_ttl:after {
      background: url(images/common/toggle_icon.svg) no-repeat top left;
      background-size: 100% 100%;
      content: '';
      display: block;
      height: 18px;
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s;
      width: 18px; }
      @media (max-width: 767px) {
        .tech_section .toggle_ttl:after {
          right: 10px; } }
  .tech_section .toggle_cnt {
    display: none;
    padding: 25px 30px 37px;
    position: relative; }
    @media (max-width: 767px) {
      .tech_section .toggle_cnt {
        padding: 15px 20px 25px; } }
    .tech_section .toggle_cnt:before {
      background: #CCCCCC;
      content: '';
      left: 30px;
      height: 1px;
      top: 0;
      right: 30px;
      position: absolute; }
      @media (max-width: 767px) {
        .tech_section .toggle_cnt:before {
          left: 20px;
          right: 20px; } }
    .tech_section .toggle_cnt:after {
      background: #075DCC;
      content: '';
      left: 30px;
      height: 1px;
      top: 0;
      position: absolute;
      width: 100px; }
      @media (max-width: 767px) {
        .tech_section .toggle_cnt:after {
          left: 20px; } }
    .tech_section .toggle_cnt p {
      margin-bottom: 20px; }
    .tech_section .toggle_cnt p + ul {
      margin-top: -20px; }
    .tech_section .toggle_cnt ul {
      margin-bottom: 20px; }
      .tech_section .toggle_cnt ul li {
        background: url(images/ico/child_menu_ico.svg) no-repeat top 9px left;
        padding-left: 20px; }
    .tech_section .toggle_cnt > p:last-child {
      margin-bottom: 0; }

.strength_item_block .strength_item_desc + .toggle_block {
  margin-top: 35px; }
  @media (max-width: 767px) {
    .strength_item_block .strength_item_desc + .toggle_block {
      margin-top: 25px; } }
.strength_item_block ul li {
  background: url(images/ico/child_menu_ico.svg) no-repeat center left;
  padding-left: 15px; }
.strength_item_block .toggle_block {
  background: #fff;
  border: 1px solid #075DCC;
  border-radius: 5px;
  margin-bottom: 10px; }
  .strength_item_block .toggle_block:last-child {
    margin-bottom: 0; }
  .strength_item_block .toggle_block.active .toggle_ttl:after {
    transform: translateY(-50%) rotate(-180deg);
    transform-origin: center; }
.strength_item_block .toggle_ttl {
  color: #075DCC;
  cursor: pointer;
  font-weight: bold;
  line-height: calc(28/16);
  padding: 11px 30px 10px 15px;
  position: relative;
  z-index: 1; }
  .strength_item_block .toggle_ttl:after {
    background: url(images/common/toggle_icon.svg) no-repeat top left;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 17px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    width: 17px; }
  @media (max-width: 767px) {
    .strength_item_block .toggle_ttl:after {
      right: 10px; } }
.strength_item_block .toggle_cnt {
  display: none;
  padding: 15px 15px 30px;
  position: relative; }
  @media (max-width: 767px) {
    .strength_item_block .toggle_cnt {
      padding: 15px 15px 20px; } }
  .strength_item_block .toggle_cnt:before {
    background: #CCCCCC;
    content: '';
    left: 15px;
    height: 1px;
    top: 0;
    right: 15px;
    position: absolute; }
  .strength_item_block .toggle_cnt:after {
    background: #075DCC;
    content: '';
    left: 15px;
    height: 1px;
    top: 0px;
    position: absolute;
    width: 100px; }
  .strength_item_block .toggle_cnt p {
    margin-bottom: 20px; }
  .strength_item_block .toggle_cnt p + ul {
    margin-top: -20px; }
  .strength_item_block .toggle_cnt ul {
    margin-bottom: 20px; }
    .strength_item_block .toggle_cnt ul:last-child {
      margin-bottom: 0; }
    .strength_item_block .toggle_cnt ul li {
      background: url(images/ico/child_menu_ico.svg) no-repeat top 8px left;
      padding-left: 20px; }
  .strength_item_block .toggle_cnt > p:last-child {
    margin-bottom: 0; }

.products_section {
  padding-top: 54px; }
  @media (max-width: 767px) {
    .products_section {
      padding-top: 30px; } }
  .products_section .sub_page_ttl {
    text-align: center; }
    @media (max-width: 767px) {
      .products_section .sub_page_ttl {
        margin-bottom: 10px; } }
  .products_section .cat-description {
    line-height: calc(28/16);
    margin-top: -3px;
    margin-bottom: 31px; }
    @media (max-width: 767px) {
      .products_section .cat-description {
        margin-bottom: 15px; } }
  .products_section .child_cat_ttl {
    font-size: 20px;
    font-weight: bold;
    line-height: calc(28/20);
    margin-bottom: 32px;
    padding-left: 14px;
    position: relative; }
    @media (max-width: 767px) {
      .products_section .child_cat_ttl {
        font-size: 18px; } }
    .products_section .child_cat_ttl:before {
      background: #075DCC;
      border-radius: 3px;
      content: '';
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      width: 5px; }
  .products_section .category-block {
    margin-bottom: 77px; }
    @media (max-width: 767px) {
      .products_section .category-block {
        margin-bottom: 50px; } }
    .products_section .category-block ul {
      display: flex;
      flex-wrap: wrap;
      gap: 42px 3.3%; }
      @media (max-width: 767px) {
        .products_section .category-block ul {
          flex-direction: column;
          gap: 30px; } }
      .products_section .category-block ul li {
        position: relative;
        width: calc((100% - 9.9%) / 4);
        z-index: 1; }
        @media (max-width: 767px) {
          .products_section .category-block ul li {
            width: 100%; } }
        .products_section .category-block ul li .product_img {
          align-items: center;
          background: #fff;
          border: 1px solid #ccc;
          border-radius: 5px;
          display: flex;
          height: 200px;
          justify-content: center;
          width: 100%; }
          .products_section .category-block ul li .product_img img {
            width: auto;
            max-height: 100%;
            object-fit: cover; }
        .products_section .category-block ul li .product_ttl {
          font-size: 16px;
          font-weight: bold;
          line-height: calc(28/16);
          margin-top: 15px;
          position: relative;
          z-index: 1; }
          .products_section .category-block ul li .product_ttl:before {
            background: url(images/plant/product_icon.svg) no-repeat top left;
            background-size: 100% auto;
            content: '';
            height: 59px;
            left: -14px;
            position: absolute;
            top: -2px;
            width: 91px;
            z-index: -1; }
            @media (max-width: 767px) {
              .products_section .category-block ul li .product_ttl:before {
                width: 60px; } }
          @media (max-width: 767px) {
            .products_section .category-block ul li .product_ttl {
              font-size: 14px; } }
        .products_section .category-block ul li .product_desc {
          color: #075DCC;
          font-size: 14px;
          line-height: 1.8;
          margin-top: -5px;
          margin-bottom: 5px;
          position: relative;
          z-index: 1; }
        .products_section .category-block ul li .product_txt {
          font-size: 14px;
          line-height: calc(24/14);
          position: relative; }
    .products_section .category-block .section_btn {
      margin: 27px 0 49px;
      text-align: right; }
      .products_section .category-block .section_btn a {
        background: none;
        border-radius: 0;
        color: #0088FF;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        padding: 0 0 0 40px;
        position: relative;
        text-align: left;
        text-decoration: none;
        transition: all 0.3s;
        width: 300px; }
        @media (max-width: 767px) {
          .products_section .category-block .section_btn a {
            font-size: 14px; } }
        .products_section .category-block .section_btn a:before {
          background: url(images/ico/btn_lft_icon.svg) no-repeat top left;
          content: '';
          height: 20px;
          left: 0;
          position: absolute;
          opacity: 1;
          top: 3px;
          transition: all 0.3s;
          width: 30px; }
        .products_section .category-block .section_btn a:after {
          background: url(images/ico/circle_arrow_ico.svg) no-repeat top right;
          content: '';
          height: 14px;
          right: 0;
          position: absolute;
          opacity: 1;
          top: 6px;
          transition: all 0.3s;
          width: 52px; }
        .products_section .category-block .section_btn a:hover {
          padding-left: 0; }
          .products_section .category-block .section_btn a:hover:before {
            opacity: 0; }
          .products_section .category-block .section_btn a:hover:after {
            background: url(images/ico/btn_rgt_icon.svg) no-repeat top left; }

.chemicals_section {
  text-align: center; }
  .chemicals_section .business_desc {
    text-align: left; }
  .chemicals_section .chemicals_txt {
    background: #075DCC;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    margin: 31px auto 21px;
    padding: 2px 38px;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .chemicals_section .chemicals_txt {
        font-size: 16px;
        padding: 2px 15px; } }
  .chemicals_section .section_btn {
    margin-top: 35px; }

.ier_section {
  padding: 35px 0 81px; }
  @media (max-width: 767px) {
    .ier_section {
      padding: 30px 0; } }
  .ier_section .ier_sub_ttl {
    font-size: 20px;
    font-weight: bold;
    line-height: calc(28 / 20);
    margin-top: 18px;
    margin-bottom: 22px;
    padding-left: 14px;
    position: relative; }
    .ier_section .ier_sub_ttl:before {
      background: #075DCC;
      border-radius: 3px;
      content: '';
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      width: 5px; }
  .ier_section .ier_list {
    margin-top: 35px;
    margin-bottom: 35px; }
    .ier_section .ier_list > div {
      display: flex;
      flex-wrap: wrap;
      gap: 40px; }
      @media (max-width: 767px) {
        .ier_section .ier_list > div {
          gap: 20px; } }
      .ier_section .ier_list > div .ier_item {
        background: #F1F8FF;
        border-radius: 5px;
        text-align: center;
        padding: 35px 15px 50px;
        width: calc((100% - 120px) / 4); }
        @media (max-width: 1024px) {
          .ier_section .ier_list > div .ier_item {
            width: calc((100% - 40px) / 2); } }
        @media (max-width: 767px) {
          .ier_section .ier_list > div .ier_item {
            width: 100%;
            padding: 20px 10px 30px; } }
        .ier_section .ier_list > div .ier_item .ier_item_ttl {
          color: #20477A;
          font-weight: bold;
          line-height: calc(28/16);
          margin: 29px 0 6px; }
          @media (max-width: 767px) {
            .ier_section .ier_list > div .ier_item .ier_item_ttl {
              margin-top: 15px; } }
        .ier_section .ier_list > div .ier_item p {
          text-align: left; }
  .ier_section .ier_bot_gr {
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      .ier_section .ier_bot_gr {
        margin-bottom: 40px; } }
    .ier_section .ier_bot_gr > div {
      display: flex;
      gap: 40px; }
      @media (max-width: 767px) {
        .ier_section .ier_bot_gr > div {
          flex-direction: column;
          gap: 20px; } }
      .ier_section .ier_bot_gr > div .ier_bot_lft {
        width: calc((100% - 40px) / 2); }
        @media (max-width: 767px) {
          .ier_section .ier_bot_gr > div .ier_bot_lft {
            width: 100%; } }
        .ier_section .ier_bot_gr > div .ier_bot_lft > div {
          display: flex;
          gap: 15px;
          flex-direction: column; }
          .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item {
            border-radius: 10px;
            border: 1px solid #CCCCCC;
            overflow: hidden; }
            .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item > div {
              align-items: center;
              background: url(images/plant/ier_ttl_bg.svg) no-repeat bottom 14px left 14px;
              display: flex;
              justify-content: space-between; }
              @media (max-width: 767px) {
                .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item > div {
                  background-size: 120px auto; } }
              .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item > div .ier_bot_lft_ttl {
                color: #075DCC;
                font-size: 24px;
                font-weight: bold;
                text-transform: uppercase;
                padding: 18px;
                width: 59.5%; }
                @media (max-width: 1024px) {
                  .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item > div .ier_bot_lft_ttl {
                    font-size: 16px;
                    padding: 10px; } }
              .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item > div figure {
                display: flex;
                justify-content: end;
                width: calc(100% - 59.5%); }
                .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item > div figure img {
                  display: block;
                  max-height: 155px;
                  width: auto; }
                  @media (max-width: 767px) {
                    .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item > div figure img {
                      max-height: 110px; } }
            .ier_section .ier_bot_gr > div .ier_bot_lft > div .ier_bot_lft_item:last-child figure {
              justify-content: center !important; }
      .ier_section .ier_bot_gr > div .ier_bot_rgt {
        width: calc((100% - 40px) / 2); }
        @media (max-width: 767px) {
          .ier_section .ier_bot_gr > div .ier_bot_rgt {
            width: 100%; } }
        .ier_section .ier_bot_gr > div .ier_bot_rgt table td {
          border-color: #CCCCCC;
          padding: 10px 5px;
          text-align: center; }
        .ier_section .ier_bot_gr > div .ier_bot_rgt table tr:first-child td {
          background: #D1E9FF;
          color: #20477A;
          font-weight: bold; }
  .ier_section .edi_inner img {
    padding: 35px 0; }
  .ier_section .edi_inner .edi_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 20px; }
    @media (max-width: 767px) {
      .ier_section .edi_inner .edi_list {
        padding: 0; } }
    .ier_section .edi_inner .edi_list li {
      background: #075DCC;
      border-radius: 5px;
      color: #fff;
      font-weight: bold;
      padding: 10px 29px;
      text-align: center; }
      @media (max-width: 767px) {
        .ier_section .edi_inner .edi_list li {
          padding: 5px; } }

.plant_section_desc {
  margin-top: -3px; }
  @media (max-width: 767px) {
    .plant_section_desc {
      margin-top: 5px; } }

.industry_section {
  padding-top: 55px; }
  .industry_section .industry_group > div {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .industry_section .industry_group > div {
        flex-direction: column; } }
    .industry_section .industry_group > div .industry_gr_lft {
      padding: 76px 0 0;
      width: 45.8%; }
      @media (max-width: 767px) {
        .industry_section .industry_group > div .industry_gr_lft {
          display: none; } }
    .industry_section .industry_group > div .industry_gr_rgt {
      line-height: calc(25/16);
      padding-top: 60px;
      width: calc(100% - 52.8%); }
      @media (max-width: 767px) {
        .industry_section .industry_group > div .industry_gr_rgt {
          padding: 40px 0 0;
          position: relative;
          width: 100%; } }
      @media (max-width: 767px) {
        .industry_section .industry_group > div .industry_gr_rgt .slick-slide {
          padding: 0 5px; } }
      .industry_section .industry_group > div .industry_gr_rgt .industry_desc {
        margin-bottom: 45px; }
      .industry_section .industry_group > div .industry_gr_rgt .toggle_block {
        border: 1px solid #075DCC;
        border-radius: 5px;
        margin-bottom: 10px; }
        .industry_section .industry_group > div .industry_gr_rgt .toggle_block.active .toggle_ttl:after {
          transform: translateY(-50%) rotate(-180deg);
          transform-origin: center; }
      .industry_section .industry_group > div .industry_gr_rgt h4 {
        font-size: 20px;
        line-height: calc(25/20);
        margin-bottom: 15px;
        margin-top: 20px;
        padding: 5px 17px 2px;
        position: relative; }
        .industry_section .industry_group > div .industry_gr_rgt h4:before {
          background: #075DCC;
          border-radius: 3px;
          content: '';
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 5px; }
      .industry_section .industry_group > div .industry_gr_rgt h5 {
        color: #075DCC;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        line-height: calc(28/16);
        padding: 9px 30px 7px 17px;
        position: relative; }
        .industry_section .industry_group > div .industry_gr_rgt h5:after {
          background: url(images/common/toggle_icon.svg) no-repeat top left;
          background-size: 100% 100%;
          content: '';
          display: block;
          height: 15px;
          position: absolute;
          right: 12px;
          top: 50%;
          transform: translateY(-50%);
          transition: all 0.3s;
          width: 15px; }
      .industry_section .industry_group > div .industry_gr_rgt img {
        border-radius: 10px;
        margin-bottom: 30px;
        overflow: hidden; }
        @media (max-width: 767px) {
          .industry_section .industry_group > div .industry_gr_rgt img {
            display: none;
            margin-bottom: 15px; } }
      .industry_section .industry_group > div .industry_gr_rgt p {
        margin-bottom: 20px; }
      .industry_section .industry_group > div .industry_gr_rgt .toggle_cnt {
        position: relative;
        display: none;
        max-height: 180px;
        overflow-y: auto;
        padding: 10px 17px 20px; }
        .industry_section .industry_group > div .industry_gr_rgt .toggle_cnt:before {
          background: #CCCCCC;
          content: '';
          left: 17px;
          height: 1px;
          top: 0;
          right: 17px;
          position: absolute; }
        .industry_section .industry_group > div .industry_gr_rgt .toggle_cnt:after {
          background: #075DCC;
          content: '';
          left: 17px;
          height: 1px;
          top: 0;
          position: absolute;
          width: 100px; }
        .industry_section .industry_group > div .industry_gr_rgt .toggle_cnt p:last-child {
          margin-bottom: 0; }
      .industry_section .industry_group > div .industry_gr_rgt .slick-arrow {
        background: none;
        border: 1px solid #075DCC;
        border-radius: 50%;
        display: block;
        height: 40px;
        position: absolute;
        text-indent: -9999px;
        top: 80px;
        width: 40px; }
        .industry_section .industry_group > div .industry_gr_rgt .slick-arrow.slick-prev {
          background: #fff url(images/ico/expand_ico.svg) no-repeat center center;
          background-size: 10px auto;
          left: 0;
          transform: rotate(180deg);
          transform-origin: center center; }
        .industry_section .industry_group > div .industry_gr_rgt .slick-arrow.slick-next {
          background: #fff url(images/ico/expand_ico.svg) no-repeat center center;
          background-size: 10px auto;
          right: 0; }
      .industry_section .industry_group > div .industry_gr_rgt .slick-dots {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-top: 20px; }
        @media (min-width: 768px) {
          .industry_section .industry_group > div .industry_gr_rgt .slick-dots {
            display: none; } }
        .industry_section .industry_group > div .industry_gr_rgt .slick-dots li.slick-active button {
          background: url(images/ico/active_drop.svg) no-repeat top left;
          border-radius: 0;
          width: 21px; }
        .industry_section .industry_group > div .industry_gr_rgt .slick-dots li button {
          background: #BCBCBC;
          border: none;
          border-radius: 50%;
          cursor: pointer;
          display: block;
          height: 14px;
          padding: 0;
          text-indent: -9999px;
          width: 14px; }

.nav-tab__wrapper {
  margin: 50px auto;
  position: relative;
  width: 84%; }
  .nav-tab__wrapper .nav-tab__inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .nav-tab__wrapper .nav-tab__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;
    text-decoration: none;
    width: 29.5%; }
    .nav-tab__wrapper .nav-tab__item:first-child {
      left: 50%;
      top: -11%;
      transform: translateX(-50%); }
    .nav-tab__wrapper .nav-tab__item:nth-child(2) {
      top: 12%;
      right: -9%; }
    .nav-tab__wrapper .nav-tab__item:nth-child(3) {
      top: 58%;
      right: -9%; }
    .nav-tab__wrapper .nav-tab__item:nth-child(4) {
      bottom: -11%;
      left: 50%;
      transform: translateX(-50%); }
    .nav-tab__wrapper .nav-tab__item:nth-child(5) {
      left: -9%;
      top: 58%; }
    .nav-tab__wrapper .nav-tab__item:nth-child(6) {
      left: -9%;
      top: 12%; }
    .nav-tab__wrapper .nav-tab__item .nav-tab__icon {
      background: #fff;
      border-radius: 50%;
      position: relative; }
      .nav-tab__wrapper .nav-tab__item .nav-tab__icon .hover_off {
        opacity: 1;
        visibility: visible;
        transition: all 0.15s;
        width: 100%; }
      .nav-tab__wrapper .nav-tab__item .nav-tab__icon .hover_on {
        left: 0;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.15s;
        position: absolute;
        top: 0;
        width: 100%; }
    .nav-tab__wrapper .nav-tab__item.active__item .nav-tab__icon .hover_off {
      opacity: 0;
      visibility: hidden; }
    .nav-tab__wrapper .nav-tab__item.active__item .nav-tab__icon .hover_on {
      opacity: 1;
      visibility: visible; }

.industry_icon {
  text-align: center;
  text-transform: uppercase; }
  .industry_icon img {
    display: block !important;
    margin: 10px auto 30px !important; }
  @media (min-width: 768px) {
    .industry_icon {
      display: none; } }

.services_section {
  padding-top: 54px;
  padding-bottom: 105px; }
  @media (max-width: 767px) {
    .services_section {
      padding-top: 30px;
      padding-bottom: 50px; } }
  .services_section .services_section_txt {
    margin-top: 10px;
    margin-bottom: 65px; }
    @media (max-width: 767px) {
      .services_section .services_section_txt {
        margin-bottom: 30px; } }

.tech_section {
  background: #F1F8FF;
  padding: 82px 0 70px; }
  @media (max-width: 767px) {
    .tech_section {
      padding: 30px 0; } }
  .tech_section .sub_page_ttl {
    margin-bottom: 15px; }
  .tech_section .tech_img {
    margin-bottom: 70px; }
    @media (max-width: 767px) {
      .tech_section .tech_img {
        margin-bottom: 30px; } }
  .tech_section .toggle_block {
    background: #fff;
    border: 1px solid #075DCC;
    border-radius: 5px;
    margin-bottom: 21px; }
    .tech_section .toggle_block:last-child {
      margin-bottom: 0; }
    .tech_section .toggle_block.active {
      border: 1px solid #fff;
      border-radius: 20px;
      box-shadow: 0px 6px 12px rgba(32, 71, 122, 0.1); }
      @media (max-width: 767px) {
        .tech_section .toggle_block.active {
          border-radius: 10px; } }
      .tech_section .toggle_block.active .toggle_ttl:after {
        transform: translateY(-50%) rotate(-180deg);
        transform-origin: center; }
  .tech_section .toggle_ttl {
    color: #075DCC;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: calc(28/20);
    padding: 19px 30px;
    position: relative;
    z-index: 1; }
    @media (max-width: 767px) {
      .tech_section .toggle_ttl {
        font-size: 16px;
        padding: 15px 35px 15px 15px; } }
    .tech_section .toggle_ttl:before {
      background: transparent url(images/plant/toggle_drop.svg) no-repeat top left;
      content: '';
      height: 24px;
      left: 10px;
      top: 13px;
      position: absolute;
      width: 37px;
      z-index: -1; }
      @media (max-width: 767px) {
        .tech_section .toggle_ttl:before {
          left: 5px; } }
    .tech_section .toggle_ttl:after {
      background: url(images/common/toggle_icon.svg) no-repeat top left;
      background-size: 100% 100%;
      content: '';
      display: block;
      height: 18px;
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s;
      width: 18px; }
      @media (max-width: 767px) {
        .tech_section .toggle_ttl:after {
          right: 15px; } }
  .tech_section .toggle_cnt {
    display: none;
    padding: 25px 30px 37px;
    position: relative; }
    .tech_section .toggle_cnt:before {
      background: #CCCCCC;
      content: '';
      left: 30px;
      height: 1px;
      top: 0;
      right: 30px;
      position: absolute; }
    .tech_section .toggle_cnt:after {
      background: #075DCC;
      content: '';
      left: 30px;
      height: 1px;
      top: 0;
      position: absolute;
      width: 100px; }
    @media (max-width: 767px) {
      .tech_section .toggle_cnt {
        padding: 15px 15px 25px; }
        .tech_section .toggle_cnt:before, .tech_section .toggle_cnt:after {
          left: 15px; }
        .tech_section .toggle_cnt::before {
          width: calc(100% - 30px); } }
    .tech_section .toggle_cnt p {
      margin-bottom: 20px; }
    .tech_section .toggle_cnt p + ul {
      margin-top: -20px; }
    .tech_section .toggle_cnt ul {
      margin-bottom: 20px; }
      .tech_section .toggle_cnt ul li {
        background: url(images/ico/child_menu_ico.svg) no-repeat top 9px left;
        padding-left: 20px; }
    .tech_section .toggle_cnt > p:last-child {
      margin-bottom: 0; }

/*# sourceMappingURL=style.css.map */