@charset "UTF-8";
.pageDetail .rightCapsule .formCapsule h2, .pageDetail .rightCapsule .newsList div[class^=col-] .box .Text a, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text a, .pageDetail .rightCapsule .newsList div[class^=col-] .box .Text p, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text p, .pageDetail .rightCapsule .newsList div[class^=col-] .box .Text h3, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text h3, .pageDetail .rightCapsule .newsList div[class^=col-] .box .Text, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text, .pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a img, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a img, .pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a, .pageDetail .rightCapsule .newsList div[class^=col-] .box .Image, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image, .pageDetail .rightCapsule .newsList div[class^=col-] .box, .pageDetail .rightCapsule .gallery div[class^=col-] .box, .pageDetail .rightCapsule .newsList h2, .pageDetail .rightCapsule .gallery h2, .pageDetail .rightCapsule .productList .box .text a, .pageDetail .rightCapsule .productList .box .text h2, .pageDetail .rightCapsule .productList .box .text, .pageDetail .rightCapsule .productList .box .image a img, .pageDetail .rightCapsule .productList .box .image a, .pageDetail .rightCapsule .productList .box .image, .pageDetail .rightCapsule .productList .box, .pageDetail .rightCapsule .productList, .pageDetail .rightCapsule .subCategory .row div[class^=col-] a .text, .pageDetail .rightCapsule .subCategory .row div[class^=col-] a .icon img, .pageDetail .rightCapsule .subCategory .row div[class^=col-] a .icon, .pageDetail .rightCapsule .subCategory .row div[class^=col-] a, .pageDetail .rightCapsule .subCategory, .pageDetail .rightCapsule .category ul li a .text, .pageDetail .rightCapsule .category ul li a .image img, .pageDetail .rightCapsule .category ul li a .image, .pageDetail .rightCapsule .category ul li a, .pageDetail .rightCapsule .category ul li, .pageDetail .rightCapsule .category ul, .pageDetail .rightCapsule .category, .pageDetail .rightCapsule .textCapsule .Image img, .pageDetail .rightCapsule .textCapsule .Image, .pageDetail .rightCapsule .textCapsule ul.document li a .Text p, .pageDetail .rightCapsule .textCapsule ul.document li a .Text h3, .pageDetail .rightCapsule .textCapsule ul.document li a .Text, .pageDetail .rightCapsule .textCapsule ul.document li a .Image img, .pageDetail .rightCapsule .textCapsule ul.document li a .Image, .pageDetail .rightCapsule .textCapsule ul.document li a, .pageDetail .rightCapsule .textCapsule h2, .pageDetail .rightCapsule .textCapsule h1, .pageDetail .rightCapsule .textCapsule p img, .pageDetail .rightCapsule .textCapsule p, .pageDetail .leftCapsule .textCapsule h2, .pageDetail .leftCapsule .textCapsule h1, .pageDetail .leftCapsule .textCapsule p img, .pageDetail .leftCapsule .textCapsule p, .pageDetail .leftCapsule .leftMenu span, .pageDetail .maps iframe, .pageDetail .maps, .pageHeader .banner .breadcrumbs, .pageHeader .banner .container .title, .pageHeader .banner {
  display: inline-block;
  width: auto;
  height: auto;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-slide:focus {
  outline: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

ul.slick-dots {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0;
  padding: 0;
}
ul.slick-dots li {
  float: none;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 2px;
}
ul.slick-dots li:before {
  display: none;
}
ul.slick-dots li.slick-active button {
  background: #003883;
}
ul.slick-dots button {
  border: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  padding: 0px;
  margin: 0px;
  background: #959595;
  border-radius: 100%;
}
ul.slick-dots button:hover {
  border: 0;
  background: #4e4e4e;
  opacity: 0.7;
}
ul.slick-dots button:focus {
  border: 0;
}

.pageHeader .banner {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 180px;
}
@media only screen and (max-width: 769px) {
  .pageHeader .banner {
    padding-top: 120px;
  }
}
.pageHeader .banner .container {
  position: relative;
  z-index: 2;
}
.pageHeader .banner .container .title {
  width: 100%;
  display: block;
  font-size: 1.9rem;
  line-height: 1.4;
  font-weight: 500;
  color: #FFF;
  margin: 0 0 80px;
  padding: 0 0 10px 0;
  letter-spacing: 0px;
  position: relative;
}
.pageHeader .banner .container .title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 200px;
  height: 1px;
  background-color: #FFF;
  margin-left: -100px;
}
@media only screen and (max-width: 992px) {
  .pageHeader .banner .container .title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 769px) {
  .pageHeader .banner .container .title {
    margin: 0 0 50px;
    font-size: 1.5rem;
  }
}
.pageHeader .banner .breadcrumbs {
  width: 100%;
  font-size: 0.875rem;
  line-height: 2.2;
  font-weight: 400;
  color: #FFF;
}
.pageHeader .banner .breadcrumbs a {
  font-size: 0.875rem;
  line-height: 2.2;
  font-weight: 400;
  color: #FFF;
  padding: 5px 10px;
}
@media only screen and (max-width: 992px) {
  .pageHeader .banner .breadcrumbs a {
    font-size: 0.7rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageHeader .banner .breadcrumbs a {
    padding: 3px 10px;
  }
}
.pageHeader .banner .breadcrumbs a:hover {
  opacity: 0.5;
}
.pageHeader .banner .breadcrumbs a:first-child {
  padding-left: 0;
}
.pageHeader .banner .breadcrumbs a:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 769px) {
  .pageHeader .banner .breadcrumbs {
    font-size: 0.7rem;
  }
  .pageHeader .banner .breadcrumbs a {
    font-size: 0.7rem;
    padding: 6px;
  }
}

.pageDetail {
  position: relative;
  overflow: hidden;
}
.pageDetail.full::after {
  display: none;
}
.pageDetail.full .rightCapsule .referances {
  padding-left: 0;
}
.pageDetail.full .rightCapsule .accardion {
  padding-left: 0;
}
.pageDetail.full .rightCapsule .textCapsule {
  padding-left: 0;
}
.pageDetail .maps {
  position: relative;
  width: 100%;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.sticky .pageDetail .maps {
  background-color: #FFF;
}
.pageDetail .maps iframe {
  width: 100%;
  height: 400px;
  margin-top: 32px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .maps iframe {
    height: 300px;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .maps iframe {
    height: 220px;
  }
}
.pageDetail .leftCapsule {
  padding-top: 35px;
  padding-bottom: 120px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule {
    padding-top: 25px;
    padding-bottom: 0;
  }
}
.pageDetail .leftCapsule .leftMenu {
  display: inline-block;
  width: 100%;
  height: auto;
}
.pageDetail .leftCapsule .leftMenu span {
  width: 100%;
  height: auto;
  padding: 0px 15px 8px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  color: #000;
  text-align: left;
  position: relative;
  cursor: pointer;
  display: none;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .leftMenu span {
    display: inline-block;
    padding: 10px 15px;
    background-color: #003883;
    color: #FFF;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .leftCapsule .leftMenu span {
    font-size: 0.9rem;
  }
}
.pageDetail .leftCapsule .leftMenu span::before {
  position: absolute;
  right: 8px;
  top: -4px;
  font-family: "safirepoksi";
  content: "\f006";
  font-size: 1.2rem;
  margin: 13px 10px;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90));
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90))";
  zoom: 1;
  display: none;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .leftMenu span::before {
    display: block;
  }
}
.pageDetail .leftCapsule .leftMenu ul {
  display: inline-block;
  width: 100%;
  height: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in;
  border-top: 2px solid rgba(140, 140, 140, 0.2);
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .leftMenu ul {
    height: 0;
    overflow: hidden;
    display: none;
    border: 1px solid rgba(140, 140, 140, 0.2);
    padding: 0;
  }
}
.pageDetail .leftCapsule .leftMenu ul li {
  display: inline-block;
  width: 100%;
  height: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 2px solid rgba(140, 140, 140, 0.2);
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .leftMenu ul li {
    border-bottom: 1px solid rgba(140, 140, 140, 0.2);
  }
}
.pageDetail .leftCapsule .leftMenu ul li a {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 20px 15px;
  font-size: 0.9rem;
  line-height: 1.6;
  font-weight: 500;
  color: #4e4e4e;
  text-align: left;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .leftMenu ul li a {
    font-size: 0.8rem;
    padding: 10px 15px;
  }
}
.pageDetail .leftCapsule .leftMenu ul li a:hover {
  color: #15bbea;
}
.pageDetail .leftCapsule .leftMenu ul li a.active {
  color: #003883;
  font-weight: 700;
}
.pageDetail .leftCapsule .leftMenu ul li a.has-sub {
  padding-right: 40px;
  position: relative;
}
.pageDetail .leftCapsule .leftMenu ul li a.has-sub::after {
  position: absolute;
  right: 8px;
  top: -4px;
  font-family: "safirepoksi";
  content: "\f006";
  font-size: 1.2rem;
  margin: 20px 0px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90));
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90), M12=-sin(90), M21=sin(90), M22=cos(90))";
  zoom: 1;
}
.pageDetail .leftCapsule .leftMenu ul li ul {
  padding: 0 0 30px 25px;
  border: 0;
}
.pageDetail .leftCapsule .leftMenu ul li ul li {
  border: 0;
}
.pageDetail .leftCapsule .leftMenu ul li ul li a {
  padding: 6px 15px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #8c8c8c;
}
.pageDetail .leftCapsule .leftMenu ul li ul li a.active {
  color: #15bbea;
  font-weight: 700;
}
.pageDetail .leftCapsule .leftMenu.open span::before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=cos(270), M12=-sin(270), M21=sin(270), M22=cos(270));
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(270), M12=-sin(270), M21=sin(270), M22=cos(270))";
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .leftMenu.open ul {
    display: inline-block;
    height: auto;
  }
}
.pageDetail .leftCapsule .textCapsule {
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .textCapsule {
    padding-left: 0px;
  }
}
.pageDetail .leftCapsule .textCapsule p {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.8;
  font-weight: 400;
  color: #4e4e4e;
  margin: 12px 0px;
}
.pageDetail .leftCapsule .textCapsule p img {
  width: 100%;
}
.pageDetail .leftCapsule .textCapsule p.spot {
  font-weight: 600;
  font-size: 0.9rem;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .textCapsule p.spot {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .textCapsule p {
    font-size: 0.8rem;
    line-height: 1.8;
    margin: 8px 0px;
  }
}
.pageDetail .leftCapsule .textCapsule p a {
  color: #4e4e4e;
}
.pageDetail .leftCapsule .textCapsule p a:hover {
  color: #15bbea;
}
.pageDetail .leftCapsule .textCapsule p a.link {
  color: #e11f1c;
  font-weight: 700;
}
.pageDetail .leftCapsule .textCapsule p a.link::before {
  margin: 0 5px 0 0;
}
.pageDetail .leftCapsule .textCapsule p a.link:hover {
  color: #8c8c8c;
}
.pageDetail .leftCapsule .textCapsule hr {
  border: 0;
  border-bottom: 1px solid #959595;
  margin: 20px 0 10px;
}
.pageDetail .leftCapsule .textCapsule h1 {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 500;
  color: #1355db;
  margin: 0 0 10px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .textCapsule h1 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .leftCapsule .textCapsule h1 {
    font-size: 1.1rem;
  }
}
.pageDetail .leftCapsule .textCapsule h2 {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: #1355db;
  margin: 0 0 5px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .leftCapsule .textCapsule h2 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .leftCapsule .textCapsule h2 {
    font-size: 1.1rem;
  }
}
.pageDetail .leftCapsule .textCapsule h2::before, .pageDetail .leftCapsule .textCapsule h2::after {
  display: none;
}
.pageDetail .rightCapsule {
  background-color: #FFF;
  padding-top: 40px;
  padding-bottom: 150px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 992px) {
  .pageDetail .rightCapsule {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 100px;
  }
}
.pageDetail .rightCapsule .textCapsule {
  position: relative;
  padding-left: 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule {
    padding-left: 0px;
  }
}
.pageDetail .rightCapsule .textCapsule p {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.8;
  font-weight: 400;
  color: #4e4e4e;
  margin: 12px 0px;
}
.pageDetail .rightCapsule .textCapsule p img {
  width: 100%;
}
.pageDetail .rightCapsule .textCapsule p.spot {
  font-weight: 600;
  font-size: 0.9rem;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule p.spot {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule p {
    font-size: 0.8rem;
    line-height: 1.8;
    margin: 8px 0px;
  }
}
.pageDetail .rightCapsule .textCapsule p a {
  color: #8c8c8c;
}
.pageDetail .rightCapsule .textCapsule p a:hover {
  color: #e11f1c;
}
.pageDetail .rightCapsule .textCapsule p a.link {
  color: #e11f1c;
  font-weight: 700;
}
.pageDetail .rightCapsule .textCapsule p a.link::before {
  margin: 0 5px 0 0;
}
.pageDetail .rightCapsule .textCapsule p a.link:hover {
  color: #8c8c8c;
}
.pageDetail .rightCapsule .textCapsule hr {
  border: 0;
  border-bottom: 1px solid #959595;
  margin: 20px 0 10px;
}
.pageDetail .rightCapsule .textCapsule h1 {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 500;
  color: #1355db;
  margin: 0 0 10px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule h1 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .textCapsule h1 {
    font-size: 1.1rem;
  }
}
.pageDetail .rightCapsule .textCapsule h2 {
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: #1355db;
  margin: 0 0 5px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule h2 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .textCapsule h2 {
    font-size: 1.1rem;
  }
}
.pageDetail .rightCapsule .textCapsule h2::before, .pageDetail .rightCapsule .textCapsule h2::after {
  display: none;
}
.pageDetail .rightCapsule .textCapsule ul {
  height: auto;
  margin: 12px 0px;
  padding: 0 0 0 12px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule ul {
    margin: 8px 0px;
  }
}
.pageDetail .rightCapsule .textCapsule ul li {
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.8;
  font-weight: 400;
  color: #4e4e4e;
  position: relative;
  padding: 0;
}
.pageDetail .rightCapsule .textCapsule ul li::before {
  position: absolute;
  left: -12px;
  content: "•";
  font-size: 18px;
  line-height: 24px;
}
.pageDetail .rightCapsule .textCapsule ul li::marker {
  display: none;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule ul li {
    font-size: 0.7rem;
    line-height: 1.7;
  }
  .pageDetail .rightCapsule .textCapsule ul li::before {
    font-size: 14px;
    line-height: 18px;
  }
}
.pageDetail .rightCapsule .textCapsule ul.document {
  margin: 15px -15px;
  padding: 0;
  list-style: none;
}
.pageDetail .rightCapsule .textCapsule ul.document li {
  padding: 15px;
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .textCapsule ul.document li {
    padding: 7px 15px;
  }
}
.pageDetail .rightCapsule .textCapsule ul.document li::before {
  display: none;
}
.pageDetail .rightCapsule .textCapsule ul.document li a {
  width: 100%;
  border: 1px solid rgba(204, 204, 204, 0.5);
  border-radius: 5px;
  background-color: #FFF;
  padding: 10px;
}
.pageDetail .rightCapsule .textCapsule ul.document li a:hover {
  opacity: 0.6;
}
.pageDetail .rightCapsule .textCapsule ul.document li a.video .Image {
  position: relative;
}
.pageDetail .rightCapsule .textCapsule ul.document li a.video .Image::after {
  position: absolute;
  content: "\e812";
  font-family: "safirepoksi";
  font-size: 30px;
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
  color: rgba(21, 187, 234, 0.8);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageDetail .rightCapsule .textCapsule ul.document li a.video:hover .Image::after {
  color: #15bbea;
}
.pageDetail .rightCapsule .textCapsule ul.document li a .Image {
  width: 100%;
  margin: 0;
}
.pageDetail .rightCapsule .textCapsule ul.document li a .Image img {
  width: 100%;
}
.pageDetail .rightCapsule .textCapsule ul.document li a .Text {
  width: 100%;
  font-size: 0.8rem;
  line-height: 2;
  font-weight: 700;
  color: #8c8c8c;
  margin-top: 10px;
  text-align: center;
}
.pageDetail .rightCapsule .textCapsule ul.document li a .Text h3 {
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: #003883;
  margin: 0;
  text-align: left;
  margin-top: 10px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule ul.document li a .Text h3 {
    font-size: 0.9rem;
  }
}
.pageDetail .rightCapsule .textCapsule ul.document li a .Text p {
  width: 100%;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #8c8c8c;
  padding: 0;
  margin: 10px 0;
  text-align: left;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .textCapsule ul.document li a .Text p {
    font-size: 0.76rem;
  }
}
.pageDetail .rightCapsule .textCapsule .Image {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.pageDetail .rightCapsule .textCapsule .Image img {
  width: 100%;
}
.pageDetail .rightCapsule .textCapsule .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 15px 0;
  background-color: #FFF;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.pageDetail .rightCapsule .textCapsule .embed-container iframe, .pageDetail .rightCapsule .textCapsule .embed-container object, .pageDetail .rightCapsule .textCapsule .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pageDetail .rightCapsule .category {
  width: 100%;
  margin-top: 40px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .category {
    padding-left: 0;
    margin-top: 0;
  }
}
.pageDetail .rightCapsule .category ul {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .category ul {
    margin: 0;
    padding: 0;
  }
}
.pageDetail .rightCapsule .category ul li {
  width: 100%;
  margin: 10px 0;
}
.pageDetail .rightCapsule .category ul li a {
  width: 100%;
  background-color: #f6f7f9;
  padding: 25px 75px 25px 50px;
  position: relative;
  letter-spacing: -5px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageDetail .rightCapsule .category ul li a::before {
  position: absolute;
  right: 20px;
  top: 50%;
  letter-spacing: 0px;
  font-size: 24px;
  color: #003883;
  margin-top: -12px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .category ul li a {
    padding: 25px;
    text-align: center;
  }
  .pageDetail .rightCapsule .category ul li a::before {
    display: none;
  }
}
.pageDetail .rightCapsule .category ul li a .image {
  width: 38%;
  vertical-align: middle;
  max-width: 287px;
  letter-spacing: 0px;
}
.pageDetail .rightCapsule .category ul li a .image img {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .category ul li a .image {
    width: 30%;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .category ul li a .image {
    width: 100%;
  }
}
.pageDetail .rightCapsule .category ul li a .text {
  width: 62%;
  vertical-align: middle;
  padding-left: 65px;
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 1.3;
  color: #003883;
  letter-spacing: 0px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .category ul li a .text {
    width: 70%;
    font-size: 1.4rem;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .category ul li a .text {
    font-size: 1.3rem;
    width: 100%;
    padding: 20px 0 0 0;
  }
}
.pageDetail .rightCapsule .category ul li a:hover {
  background-color: #dddddd;
}
.pageDetail .rightCapsule .category ul li a:hover::before {
  right: 10px;
}
.pageDetail .rightCapsule .subCategory {
  width: 100%;
  margin-top: 40px;
}
.pageDetail .rightCapsule .subCategory .row {
  margin: 0 auto;
  max-width: 700px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .subCategory .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(1) a, .pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(5) a, .pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(7) a, .pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(9) a {
  background-color: #f4f3f3;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(2) a, .pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(4) a, .pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(6) a, .pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(8) a, .pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(10) a {
  background-color: #ececec;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-]:nth-child(3) a {
  background-color: #dddddd;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] a {
  width: 100%;
  padding: 15px 15px 26px;
  position: relative;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] a::before {
  position: absolute;
  left: 50%;
  bottom: 15px;
  font-size: 14px;
  margin: 0 0 0 -10px;
  color: #4e4e4e;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] a .icon {
  width: 100%;
  max-width: 100px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] a .icon img {
  width: 100%;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] a .text {
  width: 100%;
  font-size: 0.8rem;
  line-height: 1.1;
  font-weight: 500;
  color: #000;
  min-height: 40px;
  margin: 10px 0 0px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] a:hover::before {
  color: #003883;
  bottom: 10px;
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] a:hover .icon {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.pageDetail .rightCapsule .subCategory .row div[class^=col-] a:hover .text {
  color: #003883;
}
.pageDetail .rightCapsule .productList {
  width: 100%;
  margin-top: -15px;
}
.pageDetail .rightCapsule .productList .box {
  width: 100%;
  background-color: #FFF;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  margin-top: 15px;
  margin-bottom: 15px;
}
.pageDetail .rightCapsule .productList .box .image {
  width: 100%;
}
.pageDetail .rightCapsule .productList .box .image a {
  width: 100%;
}
.pageDetail .rightCapsule .productList .box .image a img {
  width: 100%;
}
.pageDetail .rightCapsule .productList .box .text {
  width: 100%;
  padding: 20px 6px 15px;
  text-align: center;
}
.pageDetail .rightCapsule .productList .box .text h2 {
  width: 100%;
  font-size: 0.84rem;
  line-height: 1.1;
  font-weight: 500;
  color: #003883;
  padding: 0;
  margin: 0;
}
.pageDetail .rightCapsule .productList .box .text h2::after {
  display: none;
}
.pageDetail .rightCapsule .productList .box .text a {
  width: 100%;
  font-size: 0.67rem;
  line-height: 1.1;
  font-weight: 500;
  color: #003883;
  margin-top: 15px;
}
.pageDetail .rightCapsule .productList .box .text a:hover {
  color: #15bbea;
}
.pageDetail .rightCapsule .newsList, .pageDetail .rightCapsule .gallery {
  position: relative;
  padding-left: 40px;
  margin-top: -5px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .newsList, .pageDetail .rightCapsule .gallery {
    padding-left: 0;
    margin-top: 0;
  }
}
.pageDetail .rightCapsule .newsList h2, .pageDetail .rightCapsule .gallery h2 {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 500;
  color: #1355db;
  margin: 0 0 5px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .newsList h2, .pageDetail .rightCapsule .gallery h2 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .newsList h2, .pageDetail .rightCapsule .gallery h2 {
    font-size: 1.1rem;
  }
}
.pageDetail .rightCapsule .newsList h2::before, .pageDetail .rightCapsule .newsList h2::after, .pageDetail .rightCapsule .gallery h2::before, .pageDetail .rightCapsule .gallery h2::after {
  display: none;
}
.pageDetail .rightCapsule .newsList div[class^=col-], .pageDetail .rightCapsule .gallery div[class^=col-] {
  position: relative;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box, .pageDetail .rightCapsule .gallery div[class^=col-] .box {
  width: 100%;
  background-color: #FFF;
  overflow: hidden;
  margin-bottom: 25px;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Image, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image {
  width: 100%;
  overflow: hidden;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a {
  width: 100%;
  position: relative;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a.video::after, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a.video::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a.video:before, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a.video:before {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  font-size: 40px;
  color: #FFF;
  margin: -20px 0 0 -20px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a.video:hover:before, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a.video:hover:before {
  top: -50px;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a.video:hover::after, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a.video:hover::after {
  background: rgba(0, 0, 0, 0);
}
    .pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a img, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a img {
        width: 100%;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transition: transform 500ms ease-in-out;
        -webkit-transition: -webkit-transform 500ms ease-in-out;
        transition: -webkit-transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out;
        transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
        height: revert-layer !important;
    }
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Image a:hover img, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Image a:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Text, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text {
  width: 100%;
  padding: 15px 0 0;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Text h3, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text h3 {
  width: 100%;
  min-height: 45px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  color: #003883;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .newsList div[class^=col-] .box .Text h3, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text h3 {
    min-height: auto;
  }
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Text p, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text p {
  width: 100%;
  max-height: 58px;
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: 500;
  color: #8c8c8c;
  margin: 12px 0px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .newsList div[class^=col-] .box .Text p, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text p {
    min-height: auto;
  }
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Text a, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text a {
  font-size: 0.85rem;
  line-height: 1.5;
  font-weight: 700;
  color: #003883;
  margin: 10px 0 0 0;
}
.pageDetail .rightCapsule .newsList div[class^=col-] .box .Text a:hover, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text a:hover {
  color: #15bbea;
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .newsList div[class^=col-] .box .Text a, .pageDetail .rightCapsule .gallery div[class^=col-] .box .Text a {
    margin: 2px 0 0 0;
  }
}
.pageDetail .rightCapsule .formCapsule {
  position: relative;
  padding-left: 40px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .formCapsule {
    padding-left: 0px;
  }
}
.pageDetail .rightCapsule .formCapsule h2 {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 600;
  color: #1355db;
  margin: 0 0 10px;
}
@media only screen and (max-width: 769px) {
  .pageDetail .rightCapsule .formCapsule h2 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 480px) {
  .pageDetail .rightCapsule .formCapsule h2 {
    font-size: 1.1rem;
  }
}
.pageDetail .rightCapsule .formCapsule h2::after {
  display: none;
}
.pageDetail .rightCapsule .formCapsule ul {
  margin: 15px -15px;
  padding: 0;
  list-style: none;
}
.pageDetail .rightCapsule .formCapsule ul li {
  padding: 15px;
}
.pageDetail .referance {
  background-color: #FFF;
  padding-top: 40px;
  padding-bottom: 150px;
}
.pageDetail .referance div[class^=col-] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pageDetail .referance div[class^=col-] .Image {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
  overflow: hidden;
  background-color: #f6f7f9;
  padding: 1rem;
}
.pageDetail .referance div[class^=col-] .Image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.pageDetail .referance div[class^=col-] .Image img {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important;
}
.pageDetail .referance div[class^=col-] .Image:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.pageDetail .searchLast {
  background-color: #FFF;
  position: relative;
  z-index: 2;
  text-align: center;
}
.pageDetail .searchLast p {
  border-top: 1px dashed rgba(204, 204, 204, 0.5);
  padding: 15px 0px;
  margin: 0;
  font-size: 0.9rem;
  line-height: 2;
  font-weight: 400;
  color: #4e4e4e;
}
.pageDetail .searchLast p:first-child {
  border: 0;
}
.pageDetail .searchLast p a {
  color: #1355db;
  font-weight: 500;
}
.pageDetail .searchLast p a:hover {
  color: #15bbea;
}
@media only screen and (max-width: 769px) {
  .pageDetail .searchLast p {
    font-size: 0.8rem;
    line-height: 1.8;
  }
}

.pagination {
  display: inline-block;
  width: auto;
  border-radius: 25px;
  letter-spacing: -5px;
}
.pagination a {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 10px 15px;
  color: #4e4e4e;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0px;
  opacity: 0.5;
}
@media only screen and (max-width: 480px) {
  .pagination a {
    padding: 8px 10px;
  }
}
.pagination a:first-child {
  padding-left: 20px;
}
@media only screen and (max-width: 480px) {
  .pagination a:first-child {
    padding-left: 10px;
  }
}
.pagination a:last-child {
  border-right: 0;
  padding-right: 20px;
}
@media only screen and (max-width: 480px) {
  .pagination a:last-child {
    padding-right: 10px;
  }
}
.pagination a:hover {
  opacity: 1;
  color: #e11f1c;
}
.pagination a.active {
  opacity: 1;
}

header {
  background-color: rgba(0, 56, 131, 0.8);
}
.sticky header {
  background-color: #003883;
}

footer {
  background-color: #f6f7f9;
}