@charset "UTF-8";
/* arguments inittial */
/* font style */
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
@keyframes dotScale {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(3);
  }
}
@keyframes dotPulse {
  from {
    box-shadow: 0 0 0 0 rgba(var(--btn-dot-rgb), 0.3);
  }
  to {
    box-shadow: 0 0 0 7px rgba(var(--btn-dot-rgb), 0.3);
  }
}
@keyframes moveSlideshow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-2738px);
  }
}
@keyframes shineRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-inview-name=fadeIn] {
  opacity: 0;
  transform: translateY(50px);
  transition: none;
}
[data-inview-name=fadeIn].is-inview {
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes support-dot-one {
  0%, 30.1%, 100% {
    transform: translateY(0);
  }
  14.521% {
    transform: translateY(-1px);
  }
}
@keyframes support-dot-two {
  0%, 14.5%, 45.35%, 100% {
    transform: translateY(0);
  }
  30.33% {
    transform: translateY(-2px);
  }
}
@keyframes support-dot-three {
  0%, 30.35%, 59.75%, 100% {
    transform: translateY(0);
  }
  45.45% {
    transform: translateY(-2px);
  }
}
@keyframes animalShow {
  0% {
    opacity: 0;
  }
  0.5% {
    opacity: 1;
  }
  32.8% {
    opacity: 1;
  }
  33.33%, 100% {
    opacity: 0;
  }
}
/*-----------------------------------------------------------
clearfix
------------------------------------------------------------*/
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/*-----------------------------------------------------------
reset
------------------------------------------------------------*/
p {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

input,
textarea {
  margin: 0;
  font-size: 100%;
  resize: none;
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=url] {
  word-break: normal;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

dl,
dt,
dd,
th,
td {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-size: 100%;*/
  font-weight: normal;
  margin: 0;
  padding: 0;
}

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

img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
}

table img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: 0;
}

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

nav ul {
  list-style: none;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:focus {
  outline: none !important;
}

label,
select,
button {
  cursor: pointer;
}

input,
textarea,
select,
button {
  font-family: inherit;
}

/*-----------------------------------------------------------
Link
------------------------------------------------------------*/
a {
  outline: none;
  transition: opacity 0.3s;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  a:hover {
    opacity: 0.5;
  }
}

a:link,
a:visited,
a:active {
  color: #001931;
  text-decoration: none;
}

/*-----------------------------------------------------------
FONT family
------------------------------------------------------------*/
.ffN {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ffM {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.ffYG {
  font-family: "游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.ffYM {
  font-family: "游明朝体", "游明朝", "YuMincho", "Yu Mincho", "Noto Serif JP", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/*-----------------------------------------------------------
Body
-------------------------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html.is-ipad * {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0em;
  word-break: break-word;
  color: #001931;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 1023px) {
  body {
    line-height: 20px;
  }
}

#wrap {
  display: block;
}

/*-----------------------------------------------------------
COMMON
-------------------------------------------------------------*/
.inner {
  max-width: 1304px;
  padding: 0 16px;
  margin: 0 auto;
}
.inner--small {
  max-width: 1088px;
}

@media (min-width: 1024px) {
  .sp,
  .SP {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .pc,
  .PC {
    display: none !important;
  }
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 0 20px;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px auto;
}

.alignleft {
  float: left;
  margin: 5px auto 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px auto;
}

a img.alignnone {
  margin: 5px 0 20px;
}

a img.alignleft {
  float: left;
  margin: 5px auto 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  width: 100% !important;
}

.wp-caption.alignleft {
  margin: 5px auto 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px auto;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  text-align: center;
  margin-top: 10px;
}

.wp-video {
  max-width: 100%;
  margin-bottom: 40px;
}
.wp-video video {
  max-width: 100%;
  height: auto;
}

.cms-content {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  word-wrap: break-word;
}
.cms-content::after {
  content: "";
  clear: both;
  display: table;
}
.cms-content ul,
.cms-content ol {
  padding-left: 20px;
  margin-bottom: 20px;
}
.cms-content ul[style*="list-style-type: circle;"] li {
  list-style-type: circle;
}
.cms-content ul[style*="list-style-type: square;"] li {
  list-style-type: square;
}
.cms-content ul li {
  list-style: disc;
}
.cms-content ol[style*="list-style-type: lower-roman;"] li {
  list-style-type: lower-roman;
}
.cms-content ol[style*="list-style-type: lower-alpha;"] li {
  list-style-type: lower-alpha;
}
.cms-content ol[style*="list-style-type: lower-greek;"] li {
  list-style-type: lower-greek;
}
.cms-content ol[style*="list-style-type: upper-alpha;"] li {
  list-style-type: upper-alpha;
}
.cms-content ol[style*="list-style-type: upper-roman;"] li {
  list-style-type: upper-roman;
}
.cms-content ol li {
  list-style-type: decimal;
}
.cms-content p {
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .cms-content p {
    margin-bottom: 25px;
  }
}
.cms-content p:last-child {
  margin-bottom: 0;
}
.cms-content iframe {
  max-width: 100% !important;
}
.cms-content img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
  border-radius: 10px;
}
.cms-content ul {
  padding: 0;
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .cms-content ul {
    margin-bottom: 36px;
  }
}
.cms-content ul:last-child {
  margin-bottom: 0;
}
.cms-content ul > li {
  position: relative;
  padding-left: 25px;
  list-style: none;
}
@media (max-width: 1023px) {
  .cms-content ul > li {
    padding-left: 21px;
  }
}
.cms-content ul > li::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 9px;
  background-color: #001931;
}
@media (max-width: 1023px) {
  .cms-content ul > li::before {
    left: 6px;
    top: 8px;
  }
}
.cms-content h2:first-child,
.cms-content h3:first-child,
.cms-content h4:first-child,
.cms-content h5:first-child {
  margin-top: 0;
}
.cms-content h2:last-child,
.cms-content h3:last-child,
.cms-content h4:last-child,
.cms-content h5:last-child {
  margin-bottom: 0;
}
.cms-content h2 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.2857142857em;
  letter-spacing: 0.03em;
  font-weight: bold;
  position: relative;
  margin-bottom: 24px;
  margin-top: 48px;
  padding-left: 21px;
}
@media (max-width: 1023px) {
  .cms-content h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2em;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
    margin-top: 36px;
    padding-left: 11px;
  }
}
.cms-content h2::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 26px;
  top: 10px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='26' viewBox='0 0 5 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='5' height='9' fill='%23BF0510'/%3E%3Crect y='9' width='5' height='17' fill='%230054A6'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .cms-content h2::before {
    width: 3px;
    height: 18px;
    top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='3' height='18' viewBox='0 0 3 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='3' height='7' fill='%23BF0510'/%3E%3Crect y='7' width='3' height='11' fill='%230054A6'/%3E%3C/svg%3E%0A");
  }
}
.cms-content h3 {
  margin: 40px 0 24px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2727272727em;
  letter-spacing: 0em;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .cms-content h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2222222222em;
    letter-spacing: 0.03em;
    margin: 32px 0 16px;
  }
}
.cms-content h4 {
  margin: 40px 0 24px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3333333333em;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .cms-content h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25em;
    letter-spacing: 0.03em;
    margin: 32px 0 16px;
  }
}
.cms-content blockquote {
  padding: 24px;
  border-radius: 10px;
  background-color: #f4f8fc;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .cms-content blockquote {
    padding: 20px 16px;
    margin-bottom: 16px;
  }
}
.cms-content blockquote:last-child {
  margin-bottom: 0;
}
.cms-content blockquote p {
  letter-spacing: 0.03em;
}
.cms-content .table-scroll {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .cms-content .table-scroll {
    margin-bottom: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.cms-content .table-scroll:last-child {
  margin-bottom: 0;
}
.cms-content table {
  table-layout: fixed;
  border: 1px solid #001931;
}
@media (max-width: 1023px) {
  .cms-content table {
    width: 607px !important;
  }
}
.cms-content table tr:first-child th,
.cms-content table tr:first-child td {
  font-weight: bold;
}
.cms-content table td,
.cms-content table th {
  padding: 8px 12px;
  border: 1px solid #001931;
}
.cms-content p a {
  color: #0054a6;
  text-decoration: underline;
}
.cms-content #toc_container.toc_white {
  border: none;
  background: #f4f8fc;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  font-size: 100%;
  margin: 0 0 50px;
  width: 100%;
}
@media (max-width: 1023px) {
  .cms-content #toc_container.toc_white {
    margin-bottom: 40px;
  }
}
.cms-content #toc_container.toc_white .toc_title {
  color: #0054a6;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3em;
  letter-spacing: 0.03em;
  font-weight: bold;
  padding: 16px 25px;
  background-color: #dfeefd;
}
@media (max-width: 1023px) {
  .cms-content #toc_container.toc_white .toc_title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4444444444em;
    letter-spacing: 0.03em;
    padding: 11px 12px;
  }
}
.cms-content #toc_container.toc_white .toc_list {
  margin: 0;
}
@media (max-width: 1023px) {
  .cms-content #toc_container.toc_white .toc_list {
    padding: 4px 0;
  }
}
.cms-content #toc_container.toc_white .toc_list li {
  padding: 0 24px;
}
@media (max-width: 1023px) {
  .cms-content #toc_container.toc_white .toc_list li {
    padding: 0 12px;
  }
}
.cms-content #toc_container.toc_white .toc_list li::before {
  display: none;
}
.cms-content #toc_container.toc_white .toc_list li:not(:last-child) {
  border-bottom: 1px solid #dae6f0;
}
.cms-content #toc_container.toc_white .toc_list li a {
  display: block;
  padding: 16px 25px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0.03em;
  background-repeat: no-repeat;
  background-position: top 25px left;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='4' viewBox='0 0 13 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='13' y='5.68249e-07' width='4' height='5' transform='rotate(90 13 5.68249e-07)' fill='%23BF0510'/%3E%3Crect x='8' y='5.68249e-07' width='4' height='8' transform='rotate(90 8 5.68249e-07)' fill='%230054A6'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .cms-content #toc_container.toc_white .toc_list li a {
    padding: 12px 22px;
    line-height: 18px;
    background-position: top 20px left;
  }
}
.cms-content #toc_container.toc_white .toc_list li a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_81_810)'%3E%3Cpath d='M6.91895 10.2969C6.01882 7.46189 3.29012 4.84463 2 4.44922L2 2C2 2 5.51967 3.14964 6.87598 6.56152L7 6.89844C8.25003 3.22494 12 2 12 2L12 4.44922C10.6683 4.85739 7.80386 7.63344 7 10.5723L6.91895 10.2969Z' fill='%2368727B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_81_810'%3E%3Crect width='12' height='14' fill='white' transform='translate(14) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.c-img {
  display: block;
  position: relative;
}
.c-img img {
  display: block;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.c-img--contain img {
  object-fit: contain;
}
.c-img--top img {
  object-position: top;
}

.c-fw {
  width: 100%;
}

[rel~=js-lazy] {
  opacity: 0;
}
[rel~=js-lazy]:not(.initial) {
  transition: opacity 0.15s;
}
[rel~=js-lazy].initial, [rel~=js-lazy].loaded, [rel~=js-lazy].error {
  opacity: 1;
}

.c-lazybg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.c-lazybg--top {
  background-position: center top;
}
.c-lazybg--contain {
  background-size: contain;
}

.c-bgvideo {
  position: relative;
}
.c-bgvideo:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 56.25%;
}
.c-bgvideo > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.c-bgvideo {
  position: fixed;
  width: 100%;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .c-bgvideo {
    position: relative;
  }
  .c-bgvideo:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 216.5333333333%;
  }
  .c-bgvideo > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .c-bgvideo {
    position: fixed;
    background-position: center bottom;
  }
}
.c-bgvideo video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  z-index: -2;
}
.c-bgvideo video::-webkit-media-controls, .c-bgvideo video::-webkit-media-controls-start-playback-button {
  display: none !important;
}
.c-bgvideo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 88.61%, rgba(255, 255, 255, 0) 98.64%);
  opacity: 0.8;
}

.c-btn {
  --btn-dot-rgb: 255, 255, 255;
  color: #fff;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.1111111111em;
  letter-spacing: 0em;
  font-weight: 600;
  letter-spacing: 0.18px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  min-height: 60px;
  min-width: 180px;
  padding: 5px 38px;
  background-color: #bf0510;
  border: 2px solid #bf0510;
  border-radius: 8px;
  z-index: 0;
  overflow: hidden;
  transition: background-color 0.6s;
}
@media (max-width: 1023px) {
  .c-btn {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125em;
    letter-spacing: 0.01em;
    padding: 8px 20px;
    text-align: center;
    min-height: 56px;
    min-width: 0;
  }
}
.c-btn .txt {
  color: #fff;
  transition: color 0.3s;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.c-btn::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 6px;
  height: 6px;
  z-index: -1;
  background-color: #fff;
  transition: transform 0.5s;
  transform-origin: 50% 50%;
  animation: dotPulse 1.1s ease-in-out infinite alternate;
}
.c-btn::before {
  content: none;
}
.c-btn--blue {
  background-color: #0054a6;
  border-color: #0054a6;
}
@media (min-width: 1024px) {
  .c-btn--blue {
    min-height: 56px;
  }
}
.c-btn--white {
  --btn-dot-rgb: 0, 84, 166;
  background-color: #fff;
  border-color: #fff;
}
.c-btn--white::after {
  background-color: #0054a6;
}
.c-btn--white .txt {
  color: #0054a6;
}
.c-btn {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .c-btn:hover {
    opacity: 1;
    background-color: #fff;
  }
  .c-btn:hover::after {
    animation: none;
    box-shadow: none;
    transform: scale(100);
  }
  .c-btn:hover .txt {
    color: #bf0510;
  }
  .c-btn:hover.c-btn--blue .txt {
    color: #0054a6;
  }
  .c-btn:hover.c-btn--white {
    background-color: #0054a6;
  }
  .c-btn:hover.c-btn--white .txt {
    color: #fff;
  }
}

.c-more {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25em;
  letter-spacing: 0em;
  font-weight: 500;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  .c-more {
    border-radius: 6px;
    background-color: #ebf4fe;
    display: block;
    padding: 12px;
  }
}
.c-more .txt {
  display: inline-block;
  padding-right: 30px;
  position: relative;
}
.c-more .ico {
  background-color: #bf0510;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  transition: background-color 0.5s;
}
.c-more .ico::before, .c-more .ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 8px;
  margin-left: 1px;
  transform: translate(-50%, -50%);
  transition: background-position 0.5s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M2 0C2.33333 1.06538 4.6 3.35692 7 4C4.6 4.64308 2.33333 6.93462 2 8H0C0 8 1 5 4 4C1 3 0 0 0 0H2Z' fill='white'/%3E%3C/svg%3E");
}
.c-more .ico::before {
  background-position: 0 0;
}
.c-more .ico::after {
  background-position: -7px 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M2 0C2.33333 1.06538 4.6 3.35692 7 4C4.6 4.64308 2.33333 6.93462 2 8H0C0 8 1 5 4 4C1 3 0 0 0 0H2Z' fill='white'/%3E%3C/svg%3E");
}
@media (max-width: 1023px) {
  .c-more--white {
    padding: 0;
    background: none;
  }
}
.c-more--white .txt {
  color: #fff;
}
.c-more--white .ico {
  background-color: #fff;
}
.c-more--white .ico::before, .c-more--white .ico::after {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_65_2480)'%3E%3Cpath d='M2.44824 0.5C2.76012 1.49655 4.88011 3.63966 7.125 4.24121L6.91504 4.30273C4.74942 4.97626 2.7504 7.01797 2.44824 7.9834H0.577148C0.583257 7.96514 1.5215 5.17362 4.31836 4.24121C1.5125 3.30567 0.577148 0.5 0.577148 0.5H2.44824Z' fill='%230054A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_65_2480'%3E%3Crect width='7' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.c-more {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .c-more:hover {
    opacity: 1;
  }
  .c-more:hover .ico {
    background-color: #0054a6;
  }
  .c-more:hover .ico::before {
    background-position: 7px 0;
  }
  .c-more:hover .ico::after {
    background-position: 0 0;
  }
  .c-more:hover.c-more--white .ico {
    background-color: #fff;
  }
  .c-more:hover.c-more--white .ico::before, .c-more:hover.c-more--white .ico::after {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_65_2480)'%3E%3Cpath d='M2.44824 0.5C2.76012 1.49655 4.88011 3.63966 7.125 4.24121L6.91504 4.30273C4.74942 4.97626 2.7504 7.01797 2.44824 7.9834H0.577148C0.583257 7.96514 1.5215 5.17362 4.31836 4.24121C1.5125 3.30567 0.577148 0.5 0.577148 0.5H2.44824Z' fill='%230054A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_65_2480'%3E%3Crect width='7' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}

.c-dotani {
  position: absolute;
  z-index: 1;
  --btn-dot-rgb: 255, 255, 255;
}
.c-dotani::after, .c-dotani::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  z-index: -1;
  background-color: #fff;
  transition: transform 0.5s;
  transform-origin: 50% 50%;
  animation: dotPulse 1.1s ease-in-out infinite alternate;
}
.c-dotani::before {
  opacity: 0.3;
  animation: dotScale 1.1s ease-in-out infinite alternate;
  display: none;
}

.c-subpage {
  color: #fff;
  position: relative;
  min-height: 550px;
  padding: 140px 0 0;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #0054a6;
  clip-path: shape(from 0 0, line to 100% 0, line to 100% calc(100% - 85px), curve to 50% 100% with 83.94% calc(100% - 43px)/67.2% 100%, curve to 0 calc(100% - 85px) with 32.8% 100%/16.06% calc(100% - 43px), close);
  -webkit-clip-path: shape(from 0 0, line to 100% 0, line to 100% calc(100% - 85px), curve to 50% 100% with 83.94% calc(100% - 43px)/67.2% 100%, curve to 0 calc(100% - 85px) with 32.8% 100%/16.06% calc(100% - 43px), close);
}
@media (max-width: 1023px) {
  .c-subpage {
    padding-top: 78px;
    min-height: 307px;
    clip-path: shape(from 0 0, line to 100% 0, line to 100% calc(100% - 30px), curve to 50% 100% with 83.94% calc(100% - 15px)/67.2% 100%, curve to 0 calc(100% - 30px) with 32.8% 100%/16.06% calc(100% - 15px), close);
    -webkit-clip-path: shape(from 0 0, line to 100% 0, line to 100% calc(100% - 30px), curve to 50% 100% with 83.94% calc(100% - 15px)/67.2% 100%, curve to 0 calc(100% - 30px) with 32.8% 100%/16.06% calc(100% - 15px), close);
  }
}
.c-subpage__bg {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.c-subpage__ctn {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  min-height: 321px;
}
@media (max-width: 1023px) {
  .c-subpage__ctn {
    min-height: 191px;
  }
}
.c-subpage__ctn .txtSmall {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4444444444em;
  letter-spacing: 0em;
  font-weight: 400;
  letter-spacing: 0.18px;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .c-subpage__ctn .txtSmall {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.1875em;
    letter-spacing: 0em;
    letter-spacing: 0.16px;
    margin-top: 10px;
  }
}
.c-subpage__ctn .txtSmall--fwb {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
  letter-spacing: 0.54px;
}
@media (max-width: 1023px) {
  .c-subpage__ctn .txtSmall--fwb {
    margin-bottom: 12px;
    letter-spacing: 0.32px;
    line-height: 24px;
  }
}
.c-subpage__ctn .txtBig {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.1666666667em;
  letter-spacing: 0em;
  font-weight: 800;
  letter-spacing: 1.44px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .c-subpage__ctn .txtBig {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.25em;
    letter-spacing: 0.02em;
  }
}
.c-subpage__ctn .btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 24px;
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .c-subpage__ctn .btn {
    margin-top: 30px;
    gap: 0 10px;
  }
}
@media (max-width: 1023px) {
  .c-subpage__ctn .btn .c-btn {
    width: calc(50% - 5px);
  }
}
.c-subpage .inner {
  position: relative;
  z-index: 2;
}
.c-subpage--white {
  background-color: #fff;
  min-height: 0;
  clip-path: none;
  overflow: visible;
}
.c-subpage--white .c-breadcrumb {
  color: #6a8191;
}
.c-subpage--white .c-breadcrumb a {
  color: #a3b4bf;
}
.c-subpage--white .c-breadcrumb li:not(:first-child)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='7' viewBox='0 0 6 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.42871C3.94287 3.97998 1.99958 5.94424 1.71387 6.85742H0C0 6.85742 0.857242 4.28587 3.42871 3.42871C0.863598 2.57367 0.00423241 0.0126554 0 0H1.71387C1.99958 0.913194 3.94285 2.87747 6 3.42871Z' fill='%23A3B4BF'/%3E%3C/svg%3E%0A");
}
.c-subpage--white .c-subpage__ctn {
  color: #0054a6;
  min-height: 0;
  padding: 76px 0 80px;
}
@media (max-width: 1023px) {
  .c-subpage--white .c-subpage__ctn {
    padding: 56px 0 40px;
  }
}
@media (max-width: 1023px) {
  .c-subpage--white .c-subpage__ctn .txtBig {
    line-height: 36px;
  }
}

.c-breadcrumb {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3076923077em;
  letter-spacing: 0em;
  font-weight: 400;
  letter-spacing: 0.39px;
}
@media (max-width: 1023px) {
  .c-breadcrumb {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2142857143em;
    letter-spacing: 0.36px;
  }
}
.c-breadcrumb li {
  display: inline;
}
.c-breadcrumb li a {
  color: #83bdf5;
}
.c-breadcrumb li:not(:first-child) {
  padding-left: 26px;
  position: relative;
}
@media (max-width: 1023px) {
  .c-breadcrumb li:not(:first-child) {
    padding-left: 22px;
  }
}
.c-breadcrumb li:not(:first-child):before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 7px;
  position: absolute;
  left: 10px;
  top: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='7' viewBox='0 0 6 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.42871C3.94287 3.97998 1.99958 5.94424 1.71387 6.85742H0C0 6.85742 0.857242 4.28587 3.42871 3.42871C0.863598 2.57367 0.00423241 0.0126554 0 0H1.71387C1.99958 0.913194 3.94285 2.87747 6 3.42871Z' fill='%2383BDF5'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .c-breadcrumb li:not(:first-child):before {
    top: 6px;
    left: 6px;
  }
}

.swiper .swiper-nav {
  width: 125px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1023px) {
  .swiper .swiper-nav {
    bottom: 30px;
    width: 152px;
  }
}
.swiper .swiper-nav .swiper-pagination {
  bottom: 90px;
}
@media (max-width: 1023px) {
  .swiper .swiper-nav .swiper-pagination {
    bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
  }
}
.swiper .swiper-nav .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  opacity: 0.3;
  background: #0054a6;
  margin: 0 3px;
  transition: width 0.3s, opacity 0.3s;
}
.swiper .swiper-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
  opacity: 1;
  border-radius: 500px;
}
.swiper .swiper-nav .swiper-button-next,
.swiper .swiper-nav .swiper-button-prev {
  width: 56px;
  height: 56px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #0054a6;
  opacity: 1;
}
@media (max-width: 1023px) {
  .swiper .swiper-nav .swiper-button-next,
  .swiper .swiper-nav .swiper-button-prev {
    width: 32px;
    height: 32px;
  }
}
.swiper .swiper-nav .swiper-button-next::before, .swiper .swiper-nav .swiper-button-next::after,
.swiper .swiper-nav .swiper-button-prev::before,
.swiper .swiper-nav .swiper-button-prev::after {
  content: "";
  position: absolute;
}
.swiper .swiper-nav .swiper-button-next::before,
.swiper .swiper-nav .swiper-button-prev::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #0054a6;
  transition: transform 0.5s;
  transform: scale(0);
}
.swiper .swiper-nav .swiper-button-next::after,
.swiper .swiper-nav .swiper-button-prev::after {
  width: 14px;
  height: 16px;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -8px;
  transition: background 0.5s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_244)'%3E%3Cpath d='M14 8C9.2 9.28623 4.66667 13.8693 4 16H0C0 16 1.99999 10 8 8C1.99999 5.99996 0 0 0 0H4C4.66667 2.13074 9.2 6.71377 14 8Z' fill='%230054A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_244'%3E%3Crect width='14' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .swiper .swiper-nav .swiper-button-next::after,
  .swiper .swiper-nav .swiper-button-prev::after {
    width: 12px;
    height: 14px;
    margin-left: -5px;
    margin-top: -7px;
    background-size: 100%;
  }
}
.swiper .swiper-nav .swiper-button-next,
.swiper .swiper-nav .swiper-button-prev {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .swiper .swiper-nav .swiper-button-next:hover::before,
  .swiper .swiper-nav .swiper-button-prev:hover::before {
    transform: scale(1);
  }
  .swiper .swiper-nav .swiper-button-next:hover::after,
  .swiper .swiper-nav .swiper-button-prev:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14_244)'%3E%3Cpath d='M14 8C9.2 9.28623 4.66667 13.8693 4 16H0C0 16 1.99999 10 8 8C1.99999 5.99996 0 0 0 0H4C4.66667 2.13074 9.2 6.71377 14 8Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14_244'%3E%3Crect width='14' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}
.swiper .swiper-nav .swiper-button-next.swiper-button-disabled,
.swiper .swiper-nav .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
}
.swiper .swiper-nav .swiper-button-prev::after {
  margin-left: -7px;
  transform: scaleX(-1);
}
@media (min-width: 1024px) {
  .swiper .swiper-nav .swiper-button-prev::after {
    margin-left: -9px;
  }
}

.c-line-animation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 2;
}
.c-line-animation svg {
  display: block;
  width: 100%;
  height: auto;
}
.is-safari .c-line-animation svg [filter] {
  filter: none;
}
@media (max-width: 767px) {
  .c-line-animation svg [filter] {
    filter: none;
  }
}
.c-line-animation.is-ready {
  visibility: visible;
}

.c-product-item {
  text-align: center;
  transition: background 0.3s;
  border-radius: 10px;
  padding: 24px 24px 36px;
  display: block;
}
@media (max-width: 1023px) {
  .c-product-item {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px 20px;
  }
}
.c-product-item__img {
  margin-bottom: 18px;
  position: relative;
}
.c-product-item__img:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 109.5238095238%;
}
.c-product-item__img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 1023px) {
  .c-product-item__img {
    position: relative;
  }
  .c-product-item__img:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 104.1666666667%;
  }
  .c-product-item__img > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .c-product-item__img {
    margin-bottom: 9px;
  }
}
.c-product-item__img img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.c-product-item__desc {
  margin-bottom: 8px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333em;
  letter-spacing: 0em;
}
@media (max-width: 1023px) {
  .c-product-item__desc {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25em;
    letter-spacing: 0em;
    margin-bottom: 10px;
  }
}
.c-product-item__title {
  color: #0054a6;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3333333333em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .c-product-item__title {
    line-height: 30px;
    margin-bottom: 18px;
  }
}
.c-product-item .txtUnit {
  display: none;
}
.c-product-item .c-more {
  opacity: 0;
  bottom: -15px;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50px);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .c-product-item .c-more {
    opacity: 1;
    bottom: auto;
    transform: none;
    position: relative;
  }
}
.c-product-item .c-more .txt .ico {
  top: 50%;
  transform: translateY(-50%);
}
.c-product-item {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .c-product-item:hover {
    opacity: 1;
    background-color: #fff;
  }
  .c-product-item:hover .c-more {
    opacity: 1;
    transform: translateY(0);
  }
}

.c_newslist {
  margin: 40px -16px 0;
}
@media (min-width: 1024px) {
  .c_newslist {
    margin: 50px 0 0;
  }
}
@media (min-width: 1024px) {
  .c_newslist .newsSlider {
    overflow: visible;
  }
  .c_newslist .newsSlider .swiper-wrapper:not(.swiper-wrapper-tranform) {
    transform: none !important;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .c_newslist .newsSlider .swiper-slide {
    width: calc((100% - 72px) / 4);
  }
}
@media (max-width: 1023px) {
  .c_newslist .newsSlider {
    padding-bottom: 62px;
  }
  .c_newslist .newsSlider .swiper-nav {
    bottom: 0;
  }
}
@media (max-width: 1023px) {
  .c_newslist .swiper-slide {
    width: 280px;
  }
}
@media (max-width: 1023px) {
  .c_newslist .swiper-slide .news-item__title {
    margin-bottom: 8px;
  }
}
.c_newslist .swiper-slide .news-item__desc {
  line-height: 24px;
}
@media (min-width: 1024px) {
  .c_newslist .swiper-slide .news-item__desc {
    line-height: 130%;
  }
}

.news-item {
  display: block;
}
.news-item__img {
  border-radius: 10px;
  position: relative;
}
.news-item__img:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 66.6666666667%;
}
.news-item__img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.news-item__img {
  overflow: hidden;
  margin-bottom: 14px;
}
@media (max-width: 1023px) {
  .news-item__img {
    margin-bottom: 16px;
  }
}
.news-item__img img {
  transition: opacity 0.15s, transform 0.3s !important;
}
.news-item__date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4285714286em;
  letter-spacing: 0em;
  letter-spacing: 0.14px;
  color: #8292a3;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .news-item__date {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125em;
    letter-spacing: 0.16px;
    margin-bottom: 10px;
  }
}
.news-item__title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3333333333em;
  letter-spacing: 0em;
  font-weight: 600;
  line-height: 126%;
  margin-bottom: 6px;
  transition: color 0.3s;
}
@media (max-width: 1023px) {
  .news-item__title {
    margin-bottom: 5px;
  }
}
.news-item__desc {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0em;
  margin-bottom: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1023px) {
  .news-item__desc {
    line-height: 20px;
  }
}
.news-item__cat {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.news-item__cat span {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2307692308em;
  letter-spacing: 0em;
  line-height: 120%;
  border-radius: 4px;
  background: #e9f1f7;
  display: inline-block;
  padding: 6px 10px;
  padding-right: 14px;
  position: relative;
}
.news-item__cat span::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0054a6;
  position: absolute;
  right: 4px;
  top: 4px;
}
.news-item {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .news-item:hover {
    opacity: 1;
  }
  .news-item:hover .news-item__img img {
    transform: rotate(4.606deg) scale(1.18);
  }
  .news-item:hover .news-item__title {
    color: #0054a6;
  }
}

.c-product-list .c-product-item {
  border: 1px solid #ebf4fe;
  border-radius: 8px;
  padding-bottom: 24px;
  min-height: 100%;
  position: relative;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .c-product-list .c-product-item {
    padding: 10px;
  }
}
.c-product-list .c-product-item__img {
  text-align: center;
  position: relative;
}
.c-product-list .c-product-item__img:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 109.5238095238%;
}
.c-product-list .c-product-item__img > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 1023px) {
  .c-product-list .c-product-item__img {
    position: relative;
  }
  .c-product-list .c-product-item__img:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 137.1621621622%;
  }
  .c-product-list .c-product-item__img > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .c-product-list .c-product-item__img {
    margin-bottom: 8px;
  }
}
@media (max-width: 1023px) {
  .c-product-list .c-product-item__desc {
    text-align: center;
    margin-bottom: 8px;
  }
}
.c-product-list .c-product-item__title {
  position: relative;
}
@media (max-width: 1023px) {
  .c-product-list .c-product-item__title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.1818181818em;
    letter-spacing: 0em;
    margin-bottom: 12px;
  }
}
.c-product-list .c-product-item__title .txtUnit {
  color: #68727b;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7777777778em;
  letter-spacing: 0em;
  font-weight: 500;
  text-transform: uppercase;
  right: 0;
  top: 0;
  position: absolute;
  display: none;
}
.c-product-list .c-product-item .c-more {
  display: block;
  transition: height 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
}
@media (min-width: 1024px) {
  .c-product-list .c-product-item .c-more {
    opacity: 0;
    position: absolute;
    bottom: auto;
    transform: none;
    top: 100%;
    left: -1px;
    width: calc(100% + 2px);
    height: 38px;
    background-color: #f4f8fc;
    border: 1px solid #ebf4fe;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .c-product-list .c-product-item .c-more .txt {
    transform: translateY(-30px);
    transition: transform 0.3s;
  }
}
@media (max-width: 1023px) {
  .c-product-list .c-product-item .c-more {
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px;
  }
  .c-product-list .c-product-item .c-more .txt {
    padding-right: 28px;
  }
  .c-product-list .c-product-item .c-more .ico {
    width: 18px;
    height: 18px;
  }
}
.c-product-list .c-product-item {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .c-product-list .c-product-item:hover {
    background-color: #f4f8fc;
    transition: min-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.3s ease;
    border-radius: 8px 8px 0 0;
  }
  .c-product-list .c-product-item:hover .c-more {
    opacity: 1;
  }
  .c-product-list .c-product-item:hover .c-more .txt {
    transform: translateY(0);
  }
}

/*--------------------------------------------------------------
Job
-------------------------------------------------------------- */
.c-search-job .sec-unclock__keyword input {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  background: #f4f8fc;
  border: 0;
  outline: 0;
  color: #001931;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0em;
  font-weight: 400;
  border-radius: 4px;
}
.c-search-job .sec-unclock__keyword input::-webkit-input-placeholder, .c-search-job .sec-unclock__keyword input::placeholder {
  color: #b9c3cc;
}
.c-search-job .sec-unclock__selects {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .c-search-job .sec-unclock__selects {
    margin-top: 10px;
  }
}
.c-search-job .sec-unclock__select {
  width: 100%;
}
.c-search-job .sec-unclock__select label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0em;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .c-search-job .sec-unclock__select label {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.3333333333em;
  }
}
.c-search-job .sec-unclock__select-wrap {
  position: relative;
}
.c-search-job .sec-unclock__select-wrap select {
  width: 100%;
  height: 50px;
  padding: 0 40px 0 16px;
  background: #f4f8fc;
  border: 0;
  outline: 0;
  appearance: none;
  color: #001931;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0em;
  font-weight: 400;
  border-radius: 4px;
}
.c-search-job .sec-unclock__select-wrap select.not-value {
  color: #b9c3cc;
}
.c-search-job .sec-unclock__select-wrap img {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  height: 10px;
  pointer-events: none;
  transform: translateY(-50%);
}
.c-search-job .sec-unclock__search-btn {
  position: relative;
  width: 180px;
  min-height: 56px;
  margin: 30px auto 0;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .c-search-job .sec-unclock__search-btn {
    width: 100%;
    margin-top: 15px;
  }
}

.c-item-job {
  min-height: 133px;
  padding: 17px 23px;
  background: #fff;
  border: 1px solid #bfd5e8;
  border-radius: 10px;
}
@media (max-width: 1023px) {
  .c-item-job {
    min-height: unset;
    padding: 12px 16px 16px;
  }
  .c-item-job + .sec-unclock__job {
    margin-top: 15px;
  }
}
.c-item-job .sec-unclock__job-ttl {
  padding-right: 180px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3333333333em;
  letter-spacing: 0em;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__job-ttl {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.26em;
    letter-spacing: 0em;
    padding-right: 0;
  }
}
.c-item-job .sec-unclock__job-body {
  margin-top: 17px;
}
@media (min-width: 1024px) {
  .c-item-job .sec-unclock__job-body {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__job-body {
    margin-top: 11px;
  }
}
.c-item-job .sec-unclock__job-info {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__job-info {
    gap: 8px;
  }
}
.c-item-job .sec-unclock__job-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__job-col {
    gap: 9px;
  }
}
.c-item-job .sec-unclock__job-data {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__job-data {
    gap: 6px;
  }
}
.c-item-job .sec-unclock__job-data img {
  flex: 0 0 auto;
}
.c-item-job .sec-unclock__job-data span {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0em;
  font-weight: 400;
}
.c-item-job .sec-unclock__job-action {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  margin-top: -45px;
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__job-action {
    margin-top: 16px;
    flex-direction: row;
    gap: 10px;
  }
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__apply, .c-item-job .sec-unclock__detail {
    width: calc(50% - 5px);
    min-height: 46px;
    border-radius: 10px;
  }
}
.c-item-job .sec-unclock__apply {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 152px;
  height: 46px;
  border: 1px solid #0054a6;
  border-radius: 7px;
  color: #0054a6 !important;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0em;
  font-weight: 600;
  margin-top: 9px;
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__apply {
    margin-top: 0;
    width: calc(50% - 5px);
    background-color: #0054a6;
  }
  .c-item-job .sec-unclock__apply span {
    color: #fff;
  }
}
.c-item-job .sec-unclock__apply {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .c-item-job .sec-unclock__apply:hover {
    opacity: 1;
    background: #0054a6;
    color: #fff !important;
  }
}
.c-item-job .sec-unclock__detail {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375em;
  letter-spacing: 0em;
  font-weight: 400;
}
@media (max-width: 1023px) {
  .c-item-job .sec-unclock__detail {
    justify-content: center;
    border: 1px solid #c2d6e8;
  }
}
.c-item-job .sec-unclock__detail .ico {
  width: 18px;
  height: 18px;
  display: flex;
  border-radius: 50%;
  background-color: #bf0510;
  position: relative;
}
.c-item-job .sec-unclock__detail .ico:before {
  content: "";
  background: 0 0/contain repeat-x;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7769_2950)'%3E%3Cpath d='M2.44922 0.5C2.7611 1.49655 4.88108 3.63966 7.12598 4.24121L6.91602 4.30273C4.7504 4.97626 2.75137 7.01797 2.44922 7.9834H0.578125C0.584234 7.96514 1.52248 5.17362 4.31934 4.24121C1.51347 3.30567 0.578125 0.5 0.578125 0.5H2.44922Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7769_2950'%3E%3Crect width='7' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  display: block;
  width: 7px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -3px;
  transition: background-position 0.3s;
  background-position: 0 0;
}
.c-item-job .sec-unclock__detail {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .c-item-job .sec-unclock__detail:hover {
    opacity: 1;
    color: #0054a6;
  }
  .c-item-job .sec-unclock__detail:hover .ico:before {
    background-position: 7px 0;
  }
}

.socical-fix {
  position: fixed;
  right: 16px;
  bottom: 75px;
  z-index: 5;
  transition: bottom 0.4s;
}
@media (max-width: 1023px) {
  .socical-fix {
    bottom: 70px;
    right: 16px;
    width: 50px;
  }
  .socical-fix__btn {
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    appearance: none;
  }
  .socical-fix__btn svg {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (max-width: 1023px) {
  .socical-fix .list-social {
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(20px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  }
}
.socical-fix .list-social li + li {
  margin-top: 10px;
}
.socical-fix .list-social a {
  display: block;
}
.socical-fix .list-social a img {
  transition: transform 0.4s;
}
.socical-fix .list-social a {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .socical-fix .list-social a:hover {
    opacity: 1;
  }
  .socical-fix .list-social a:hover img {
    transform: scale(1.2);
  }
}
.socical-fix.fix {
  bottom: 11px;
}
@media (max-width: 1023px) {
  .socical-fix.is-first-view .list-social {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .socical-fix.is-first-view .socical-fix__btn {
    display: none;
  }
}
@media (max-width: 1023px) {
  .socical-fix.is-open .list-social {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .socical-fix.is-open .socical-fix__btn {
    height: 36px;
    background-position: center bottom;
    background-image: url("../img/common/close-f.svg");
  }
  .socical-fix.is-open .socical-fix__btn svg {
    display: none;
  }
}
.socical-fix .socical-fix__btn ellipse {
  transform-box: fill-box;
  transform-origin: center;
}
.socical-fix .socical-fix__btn ellipse:nth-of-type(1) {
  animation: support-dot-one 2s linear infinite;
}
.socical-fix .socical-fix__btn ellipse:nth-of-type(2) {
  animation: support-dot-two 2s linear infinite;
}
.socical-fix .socical-fix__btn ellipse:nth-of-type(3) {
  animation: support-dot-three 2s linear infinite;
}

@keyframes support-dot-one {
  0%, 30.1%, 100% {
    transform: translateY(0);
  }
  14.521% {
    transform: translateY(-1px);
  }
}
@keyframes support-dot-two {
  0%, 14.5%, 45.35%, 100% {
    transform: translateY(0);
  }
  30.33% {
    transform: translateY(-2px);
  }
}
@keyframes support-dot-three {
  0%, 30.35%, 59.75%, 100% {
    transform: translateY(0);
  }
  45.45% {
    transform: translateY(-2px);
  }
}
.totop {
  position: fixed;
  right: 25px;
  bottom: 11px;
  z-index: 5;
  width: 32px;
  height: 44px;
  border-radius: 16px;
  border: 1px solid #0054a6;
  background: #e9f1f7;
  transition: background 0.3s;
  font-size: 0;
}
@media (max-width: 1023px) {
  .totop {
    bottom: 20px;
    right: 24px;
  }
}
.totop::after, .totop::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 11px;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  transition: background-position 0.5s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cg clip-path='url(%23clip0_7808_2816)'%3E%3Cpath d='M0.726562 7.85742C2.40074 7.33361 6.00204 3.77143 7.01269 -2.74776e-07C8.02329 3.77105 11.6235 7.33311 13.2979 7.85742L13.2979 11C13.2395 10.9804 8.57432 9.39873 7.0127 4.71387C5.44121 9.42819 0.726562 11 0.726562 11L0.726562 7.85742Z' fill='%230054A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7808_2816'%3E%3Crect width='14' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.totop::before {
  background-position: 0 0;
}
.totop::after {
  background-position: 0 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cg clip-path='url(%23clip0_7808_2816)'%3E%3Cpath d='M0.726562 7.85742C2.40074 7.33361 6.00204 3.77143 7.01269 -2.74776e-07C8.02329 3.77105 11.6235 7.33311 13.2979 7.85742L13.2979 11C13.2395 10.9804 8.57432 9.39873 7.0127 4.71387C5.44121 9.42819 0.726562 11 0.726562 11L0.726562 7.85742Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7808_2816'%3E%3Crect width='14' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.totop {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .totop:hover {
    background-color: #0054a6;
    cursor: pointer;
  }
  .totop:hover::before {
    background-position: 0 -11px;
  }
  .totop:hover::after {
    background-position: 0 0;
  }
}

.footer {
  padding: 48px 0 0;
  background-color: #f4f8fc;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .footer {
    padding: 40px 0 0;
  }
}
.footer__logo {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .footer__logo {
    text-align: center;
    margin-bottom: 16px;
  }
  .footer__logo img {
    width: 246px;
  }
}
.footer__infonav {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .footer__infonav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 49px;
  }
}
.footer .ft-info {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .footer .ft-info {
    width: 50%;
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .footer .ft-info {
    background: #fff;
    border-radius: 10px;
    padding: 12px 12px 15px;
  }
}
.footer .ft-info__cpn {
  margin-bottom: 24px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1em;
  letter-spacing: 0em;
  font-weight: 600;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .footer .ft-info__cpn {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.1111111111em;
    letter-spacing: 0.01em;
    margin-bottom: 20px;
  }
}
.footer .ft-info__add, .footer .ft-info__tel, .footer .ft-info__mailto {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333em;
  line-height: 130%;
  position: relative;
  padding-left: 27px;
  line-height: 130%;
  margin-bottom: 12px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0417 7.12467C15.0417 6.39693 14.8983 5.67632 14.6198 5.00397C14.3413 4.33162 13.9331 3.72072 13.4186 3.20612C12.904 2.69153 12.2931 2.28334 11.6207 2.00484C10.9484 1.72635 10.2277 1.58301 9.5 1.58301C8.77226 1.58301 8.05164 1.72635 7.3793 2.00484C6.70695 2.28334 6.09604 2.69153 5.58145 3.20612C5.06686 3.72072 4.65866 4.33162 4.38017 5.00397C4.10168 5.67632 3.95834 6.39693 3.95834 7.12467C3.95834 8.22272 4.28213 9.24397 4.83313 10.1053H4.82679L9.5 17.4163L14.1732 10.1053H14.1677C14.7384 9.21594 15.0418 8.18141 15.0417 7.12467ZM9.5 9.49967C8.87011 9.49967 8.26602 9.24945 7.82062 8.80405C7.37523 8.35865 7.125 7.75456 7.125 7.12467C7.125 6.49478 7.37523 5.89069 7.82062 5.4453C8.26602 4.9999 8.87011 4.74967 9.5 4.74967C10.1299 4.74967 10.734 4.9999 11.1794 5.4453C11.6248 5.89069 11.875 6.49478 11.875 7.12467C11.875 7.75456 11.6248 8.35865 11.1794 8.80405C10.734 9.24945 10.1299 9.49967 9.5 9.49967Z' fill='%230054A6'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .footer .ft-info__add, .footer .ft-info__tel, .footer .ft-info__mailto {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25em;
    letter-spacing: 0em;
  }
}
@media (max-width: 1023px) {
  .footer .ft-info__add {
    letter-spacing: -0.48px;
  }
}
.footer .ft-info__tel {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.625 12.9992V15.7985C16.6251 15.9989 16.5492 16.1919 16.4125 16.3386C16.2759 16.4852 16.0887 16.5746 15.8888 16.5886C15.5431 16.6129 15.2607 16.625 15.0417 16.625C8.04571 16.625 2.375 10.9543 2.375 3.95833C2.375 3.73983 2.38714 3.45747 2.41142 3.11125C2.42545 2.91131 2.51479 2.72413 2.66143 2.58749C2.80806 2.45085 3.00107 2.37491 3.2015 2.375H6.00083C6.09903 2.3749 6.19376 2.41131 6.26662 2.47714C6.33948 2.54298 6.38526 2.63354 6.39508 2.73125C6.41303 2.91281 6.42992 3.05847 6.44575 3.16825C6.60307 4.26623 6.92549 5.33412 7.40208 6.33571C7.47729 6.49404 7.42821 6.68325 7.28571 6.78458L5.57729 8.00533C6.62206 10.4391 8.56166 12.3787 10.9955 13.4235L12.2146 11.7183C12.2643 11.6483 12.337 11.5982 12.4199 11.5766C12.5029 11.555 12.5909 11.5634 12.6683 11.6003C13.6697 12.076 14.7373 12.3976 15.8349 12.5542C15.9447 12.5701 16.0898 12.587 16.2703 12.6049C16.3679 12.6149 16.4583 12.6608 16.5239 12.7336C16.5896 12.8065 16.6251 12.9011 16.625 12.9992Z' fill='%230054A6'/%3E%3C/svg%3E%0A");
}
.footer .ft-info__mailto {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7344 2.96875H3.26562C2.71465 2.96934 2.18642 3.18847 1.79682 3.57807C1.40722 3.96767 1.18809 4.4959 1.1875 5.04688V13.9531C1.18809 14.5041 1.40722 15.0323 1.79682 15.4219C2.18642 15.8115 2.71465 16.0307 3.26562 16.0312H15.7344C16.2853 16.0307 16.8136 15.8115 17.2032 15.4219C17.5928 15.0323 17.8119 14.5041 17.8125 13.9531V5.04688C17.8119 4.4959 17.5928 3.96767 17.2032 3.57807C16.8136 3.18847 16.2853 2.96934 15.7344 2.96875ZM15.2082 6.40619L9.86441 10.5624C9.76021 10.6434 9.63199 10.6874 9.5 10.6874C9.36801 10.6874 9.23979 10.6434 9.13559 10.5624L3.79184 6.40619C3.72905 6.35878 3.67632 6.29936 3.63669 6.23139C3.59707 6.16342 3.57135 6.08825 3.56103 6.01026C3.55071 5.93226 3.556 5.85299 3.57658 5.77706C3.59716 5.70112 3.63262 5.63003 3.68092 5.56792C3.72921 5.50581 3.78936 5.45392 3.85788 5.41526C3.9264 5.37659 4.00193 5.35194 4.08006 5.34271C4.15819 5.33349 4.23738 5.33989 4.31302 5.36154C4.38866 5.38318 4.45924 5.41965 4.52066 5.46881L9.5 9.34154L14.4793 5.46881C14.6038 5.37478 14.7604 5.33354 14.915 5.35401C15.0697 5.37448 15.2101 5.455 15.3059 5.57818C15.4017 5.70135 15.4451 5.85727 15.4268 6.01222C15.4085 6.16717 15.33 6.3087 15.2082 6.40619Z' fill='%230054A6'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .footer .ft-info__mailto {
    margin-bottom: 0;
    margin-top: 13px;
  }
}
.footer .ft-info__banner {
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .footer .ft-info__banner {
    margin-top: 0;
    margin-bottom: 28px;
  }
}
.footer .ft-info__banner img {
  width: 150px;
}
@media (min-width: 1024px) {
  .footer .ft-info__banner img {
    width: 200px;
  }
}
.footer .ft-nav {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .footer .ft-nav {
    width: 45.7%;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  .footer .ft-nav {
    gap: 0 20px;
  }
}
@media (max-width: 1023px) {
  .footer .ft-nav .nav {
    width: 50%;
  }
}
.footer .ft-nav .nav__tt {
  color: #0054a6;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
  letter-spacing: 0em;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .footer .ft-nav .nav__tt {
    min-height: 0;
    margin-bottom: 16px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.1111111111em;
    margin-bottom: 17px;
  }
}
.footer .ft-nav .nav__list li + li {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .footer .ft-nav .nav__list li + li {
    margin-top: 10px;
  }
}
.footer .ft-nav .nav__list a {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2666666667em;
  letter-spacing: 0em;
  line-height: 130%;
  text-transform: capitalize;
  transition: color 0.3s;
}
@media (max-width: 1023px) {
  .footer .ft-nav .nav__list a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5em;
  }
}
.footer .ft-nav .nav__list a {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .footer .ft-nav .nav__list a:hover {
    opacity: 1;
    color: #0054a6;
  }
}
@media (max-width: 1023px) {
  .footer .ft-nav .nav.nav1 {
    width: 100%;
    margin-bottom: 30px;
  }
  .footer .ft-nav .nav.nav1 .nav__list {
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    column-gap: 20px;
    row-gap: 10px;
  }
  .footer .ft-nav .nav.nav1 .nav__list li {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .footer__office {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0 12px;
  }
}
@media (min-width: 1024px) {
  .footer__office li {
    position: relative;
    width: calc((100% - 48px) / 5);
    height: 60px;
  }
}
@media (max-width: 1023px) {
  .footer__office li + li {
    margin-top: 6px;
  }
}
.footer__office .item {
  color: #0054a6;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  min-height: 52px;
  background-color: #fff;
  border-radius: 10px;
  padding: 12px 14px;
  padding-right: 40px;
  position: relative;
  transition: min-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.3s ease, color 0.3s ease;
}
@media (min-width: 1024px) {
  .footer__office .item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 60px;
    cursor: pointer;
  }
}
.footer__office .item::before {
  content: "";
  position: absolute;
  right: 14px;
  top: 20px;
  width: 20px;
  height: 20px;
  transition: background 0.3s, top 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='%230054A6'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%230054A6'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%230054A6'/%3E%3Cg clip-path='url(%23clip0_21_1902)'%3E%3Cpath d='M9 6C9.33333 7.06538 11.6 9.35692 14 10C11.6 10.6431 9.33333 12.9346 9 14H7C7 14 8 11 11 10C8 9 7 6 7 6H9Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_21_1902'%3E%3Crect width='7' height='8' fill='white' transform='translate(7 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .footer__office .item::before {
    top: 18px;
  }
}
.footer__office .item .txtLabel {
  display: block;
  transition: all 0.3s;
  flex: 1;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.1111111111em;
  letter-spacing: 0em;
  font-weight: 500;
  letter-spacing: 0.18px;
}
@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  .footer__office .item .txtLabel br {
    display: none;
  }
}
.footer__office .item .txtAdd {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3333333333em;
  letter-spacing: 0em;
  font-weight: 400;
  text-decoration: underline;
  position: relative;
  padding-left: 14px;
  position: absolute;
  transition: height 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
  display: block;
  height: 0;
  overflow: hidden;
  opacity: 0;
  interpolate-size: allow-keywords;
  background-repeat: no-repeat;
  background-position: left top 2px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2.46875C1.79329 2.46875 0 4.21227 0 6.35764C0 7.08357 0.206711 7.79007 0.600022 8.39933L3.72884 13.3774C3.78222 13.4617 3.86222 13.5135 3.95558 13.5265C4.0822 13.5459 4.22227 13.4941 4.29558 13.3709L7.43336 8.34745C7.80664 7.75118 8 7.05766 8 6.35764C8 4.21227 6.20671 2.46875 4 2.46875ZM4 8.30208C2.88004 8.30208 2 7.4206 2 6.35764C2 5.28817 2.89998 4.41319 4 4.41319C5.10002 4.41319 6 5.28817 6 6.35764C6 7.41412 5.13331 8.30208 4 8.30208Z' fill='white'/%3E%3Cpath d='M4 2.46875V4.41319C5.10002 4.41319 6 5.28817 6 6.35764C6 7.41412 5.13331 8.30208 4 8.30208V13.5303C4.11376 13.5329 4.23073 13.4798 4.29556 13.3709L7.43333 8.34745C7.80664 7.75118 8 7.05766 8 6.35764C8 4.21227 6.20671 2.46875 4 2.46875Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.footer__office .item {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .footer__office .item:hover {
    opacity: 1;
    color: #fff;
    min-height: 100px;
    background-color: #0054a6;
    display: block;
  }
  .footer__office .item:hover::before {
    top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Ccircle cx='10' cy='10' r='10' fill='white'/%3E%3Ccircle cx='10' cy='10' r='10' fill='white'/%3E%3Cg clip-path='url(%23clip0_21_1902)'%3E%3Cpath d='M9 6C9.33333 7.06538 11.6 9.35692 14 10C11.6 10.6431 9.33333 12.9346 9 14H7C7 14 8 11 11 10C8 9 7 6 7 6H9Z' fill='%230054A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_21_1902'%3E%3Crect width='7' height='8' fill='%230054A6' transform='translate(7 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .footer__office .item:hover .txtAdd {
    height: auto;
    opacity: 1;
    position: relative;
    margin-top: 5px;
  }
}
.is-ipad .footer__office .item.active {
  opacity: 1;
  color: #fff;
  min-height: 100px;
  background-color: #0054a6;
  display: block;
}
.is-ipad .footer__office .item.active::before {
  top: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Ccircle cx='10' cy='10' r='10' fill='white'/%3E%3Ccircle cx='10' cy='10' r='10' fill='white'/%3E%3Cg clip-path='url(%23clip0_21_1902)'%3E%3Cpath d='M9 6C9.33333 7.06538 11.6 9.35692 14 10C11.6 10.6431 9.33333 12.9346 9 14H7C7 14 8 11 11 10C8 9 7 6 7 6H9Z' fill='%230054A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_21_1902'%3E%3Crect width='7' height='8' fill='%230054A6' transform='translate(7 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.is-ipad .footer__office .item.active .txtAdd {
  height: auto;
  opacity: 1;
  position: relative;
  margin-top: 5px;
}
@media (max-width: 1023px) {
  .footer__office .item.active {
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
    background-color: #0054a6;
  }
  .footer__office .item.active::before {
    top: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3Ccircle cx='10' cy='10' r='10' fill='white'/%3E%3Ccircle cx='10' cy='10' r='10' fill='white'/%3E%3Cg clip-path='url(%23clip0_21_1902)'%3E%3Cpath d='M9 6C9.33333 7.06538 11.6 9.35692 14 10C11.6 10.6431 9.33333 12.9346 9 14H7C7 14 8 11 11 10C8 9 7 6 7 6H9Z' fill='%230054A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_21_1902'%3E%3Crect width='7' height='8' fill='%230054A6' transform='translate(7 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .footer__office .item.active .txtAdd {
    height: auto;
    opacity: 1;
    position: relative;
    margin-top: 5px;
  }
}
.footer__bottom {
  padding: 21px 0;
  margin-top: 30px;
  margin-right: 66px;
  border-top: 1px solid #c2d6e8;
}
@media (min-width: 1024px) {
  .footer__bottom {
    padding: 20px 0;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  .footer__bottom {
    margin-right: 66px;
  }
}
.footer__bottom .copyright {
  color: #6a8191;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3076923077em;
  letter-spacing: 0em;
  line-height: 130%;
}
.footer__bottom .bottom-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1023px) {
  .footer__bottom .bottom-right {
    margin-top: 20px;
    justify-content: space-between;
  }
}
.footer__bottom .bottom-right .ft-privacy {
  color: #0054a6;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .footer__bottom .bottom-right .ft-privacy {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.footer__bottom .bottom-right .ft-social {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 65px;
}
.footer__bottom .bottom-right .ft-social a {
  display: inline-block;
}
.footer__bottom .bottom-right .ft-social a + a {
  margin-left: 8px;
}

.header {
  position: fixed;
  left: 30px;
  right: 30px;
  top: 31px;
  z-index: 1000;
  transition: top 0.35s ease;
}
@media only screen and (max-width: 1125px) {
  .header {
    left: 10px;
    right: 10px;
  }
}
@media (max-width: 1023px) {
  .header {
    left: 6px;
    right: 6px;
    top: 6px;
  }
}
.header .inHeader {
  z-index: 2000;
  padding: 10px 16px;
  position: relative;
  height: 60px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 277px 77px 0 rgba(0, 0, 0, 0), 0 177px 71px 0 rgba(0, 0, 0, 0), 0 100px 60px 0 rgba(0, 0, 0, 0.01), 0 44px 44px 0 rgba(0, 0, 0, 0.02), 0 11px 24px 0 rgba(0, 0, 0, 0.02);
}
@media (min-width: 1024px) {
  .header .inHeader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    height: 90px;
    border-radius: 10px;
    padding: 10px 15px 10px 24px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1125px) {
  .header .inHeader {
    padding: 10px;
  }
}

.header.is-header-hidden {
  top: -130px;
}
@media (max-width: 1023px) {
  .header.is-header-hidden {
    top: -80px;
  }
  .header.is-header-hidden .hamberger {
    top: -60px;
  }
}

#logo {
  z-index: 10001;
  transition: all 0.3s;
  top: 12px;
  left: 24px;
  position: absolute;
  display: inline-block;
}
@media only screen and (max-width: 1315px) {
  #logo {
    width: 200px;
    top: 20px;
  }
}
@media only screen and (max-width: 1125px) {
  #logo {
    left: 10px;
  }
}
@media (max-width: 1023px) {
  #logo {
    top: 10px;
    left: 16px;
    width: 154px;
  }
}

.layerMenu {
  text-align: right;
  position: relative;
  width: calc(100% - 260px);
}
@media only screen and (max-width: 1315px) {
  .layerMenu {
    width: calc(100% - 210px);
  }
}
@media (max-width: 1023px) {
  .layerMenu {
    position: fixed;
    right: -100%;
    top: 6px;
    z-index: 1000;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    text-align: left;
    background: #fff;
    padding: 90px 0;
    border-radius: 10px;
  }
  .layerMenu::after, .layerMenu::before {
    content: "";
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  }
  .layerMenu::after {
    top: auto;
    bottom: 90px;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    transform: scaleY(-1);
  }
}
.layerMenu .inLayer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1023px) {
  .layerMenu .inLayer {
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    position: relative;
    padding: 60px 30px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .layerMenu .gNavi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  }
}
@media (max-width: 1023px) {
  .layerMenu .gNavi {
    width: 100%;
    flex-shrink: 0;
    margin-top: auto;
  }
}
.layerMenu .gNavi > li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 32px;
  padding: 20px 0;
}
@media only screen and (max-width: 1430px) {
  .layerMenu .gNavi > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1175px) {
  .layerMenu .gNavi > li {
    margin-right: 10px;
  }
}
@media (max-width: 1023px) {
  .layerMenu .gNavi > li {
    display: block;
    margin-right: 0;
    padding: 0;
    text-align: center;
  }
  .layerMenu .gNavi > li + li {
    margin-top: 36px;
  }
}
.layerMenu .gNavi > li > a {
  display: block;
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333em;
  letter-spacing: 0em;
  font-weight: 500;
  letter-spacing: 0.15px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .layerMenu .gNavi > li > a {
    transition: 0.3s color;
    will-change: color;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1086px) {
  .layerMenu .gNavi > li > a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (max-width: 1023px) {
  .layerMenu .gNavi > li > a {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0.01em;
    font-weight: 600;
    text-align: center;
  }
}
.layerMenu .gNavi > li > a:after {
  content: "";
  position: absolute;
  width: 0;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 2px;
  margin: 0 auto;
  background-color: #bf0510;
  transition: width 0.3s;
}
.layerMenu .gNavi > li > a {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .layerMenu .gNavi > li > a:hover {
    color: #bf0510;
    opacity: 1;
  }
  .layerMenu .gNavi > li > a:hover::after {
    width: 30px;
  }
}
.layerMenu .gNavi > li.hasSub {
  padding-right: 15px;
  display: inline-block;
}
@media (max-width: 1023px) {
  .layerMenu .gNavi > li.hasSub {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-right: 0;
    padding-left: 20px;
  }
}
.layerMenu .gNavi > li.hasSub .ico {
  display: inline-block;
  width: 10px;
  height: 9px;
  position: absolute;
  right: 0;
  top: 26px;
  transition: background-image 0.3s, transform 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.88867C4.19613 5.84141 1.33195 2.9638 -1.11029e-07 2.54004L0 -4.37114e-07C0.0408761 0.0124729 3.75683 1.15573 5 4.94434C6.24803 1.14105 9.98776 0.00371361 10 0L10 2.54004C8.6682 2.96345 5.80396 5.8412 5 8.88867Z' fill='%23001931'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .layerMenu .gNavi > li.hasSub .ico {
    top: 0;
    margin-left: 8px;
    position: relative;
    width: 40px;
    height: 30px;
    background-position: left;
    margin-top: -5px;
    margin-bottom: -5px;
  }
}
.layerMenu .gNavi > li.current .ico {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.88867C4.19613 5.84141 1.33195 2.9638 -1.11029e-07 2.54004L0 -4.37114e-07C0.0408761 0.0124729 3.75683 1.15573 5 4.94434C6.24803 1.14105 9.98776 0.00371361 10 0L10 2.54004C8.6682 2.96345 5.80396 5.8412 5 8.88867Z' fill='%23BF0510'/%3E%3C/svg%3E%0A");
}
.layerMenu .gNavi > li.current > a {
  color: #bf0510;
  opacity: 1;
}
@media (min-width: 1024px) {
  .layerMenu .gNavi > li.current > a::after {
    width: 30px;
  }
}
.layerMenu .gNavi > li.active .ico {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.88867C4.19613 5.84141 1.33195 2.9638 -1.11029e-07 2.54004L0 -4.37114e-07C0.0408761 0.0124729 3.75683 1.15573 5 4.94434C6.24803 1.14105 9.98776 0.00371361 10 0L10 2.54004C8.6682 2.96345 5.80396 5.8412 5 8.88867Z' fill='%23BF0510'/%3E%3C/svg%3E%0A");
  transform: scaleY(-1);
}
.layerMenu .gNavi > li.active > a {
  color: #bf0510;
}
.layerMenu .gNavi .navSub {
  display: none;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .layerMenu .gNavi .navSub {
    width: fit-content;
    min-width: 180px;
    white-space: nowrap;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    border: 1px solid #0054a6;
    text-align: left;
    padding: 30px 30px;
    border-radius: 10px;
  }
}
@media (max-width: 1023px) {
  .layerMenu .gNavi .navSub {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .layerMenu .gNavi .navSub ul {
    padding: 20px 0;
    display: inline-block;
    border-bottom: 1px solid #dae6f0;
  }
}
.layerMenu .gNavi .navSub ul li + li {
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .layerMenu .gNavi .navSub ul li + li {
    margin-top: 15px;
  }
}
.layerMenu .gNavi .navSub ul li a {
  display: block;
  transition: color 0.3s;
  text-transform: capitalize;
}
@media (max-width: 1023px) {
  .layerMenu .gNavi .navSub ul li a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3333333333em;
    letter-spacing: 0.01em;
    color: #68727b;
  }
}
.layerMenu .gNavi .navSub ul li a {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .layerMenu .gNavi .navSub ul li a:hover {
    opacity: 1;
    color: #bf0510;
  }
}
.layerMenu .languageMenu {
  margin-right: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  top: -1px;
}
@media only screen and (max-width: 1255px) {
  .layerMenu .languageMenu {
    margin-right: 10px;
  }
}
@media (max-width: 1023px) {
  .layerMenu .languageMenu {
    flex-shrink: 0;
    margin: 42px 0 0;
    margin-bottom: auto;
    top: auto;
  }
}
.layerMenu .languageMenu__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  background-color: #e9f1f7;
  border-radius: 4px;
  padding: 3px;
  position: relative;
  z-index: 0;
  line-height: 1;
}
.layerMenu .languageMenu a {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1em;
  letter-spacing: 0em;
  font-weight: 500;
  letter-spacing: 0.15px;
  text-transform: uppercase;
  display: inline-block;
  color: #94b7d7;
  padding: 2px 3px;
  position: relative;
  z-index: 1;
  transition: color 0.3s;
}
@media (max-width: 1023px) {
  .layerMenu .languageMenu a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.layerMenu .languageMenu a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #0054a6;
  border-radius: 2px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s;
}
.layerMenu .languageMenu a {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .layerMenu .languageMenu a:hover {
    color: #0054a6;
    opacity: 1;
  }
}
.layerMenu .languageMenu .is-active a {
  pointer-events: none;
  color: #fff;
  position: relative;
}
.layerMenu .languageMenu .is-active a::before {
  opacity: 1;
}
@media (min-width: 1024px) {
  .layerMenu .c-btn {
    min-width: 200px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1430px) {
  .layerMenu .c-btn {
    min-width: 150px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1225px) {
  .layerMenu .c-btn {
    min-width: 100px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (max-width: 1023px) {
  .layerMenu .c-btn {
    min-height: 64px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 0.9090909091em;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 3;
  }
}

.layerOn .layerMenu {
  right: 6px;
}
@media (max-width: 1023px) {
  .layerOn .header {
    top: 6px;
    transform: none !important;
  }
  .layerOn .header::after {
    content: "";
    position: absolute;
    top: -6px;
    height: 100vh;
    right: -6px;
    bottom: 0;
    left: -6px;
    pointer-events: none;
    background: rgba(0, 25, 49, 0.8);
  }
  .layerOn .header .hamberger {
    top: 20px;
  }
  .layerOn .header #logo {
    width: 181px;
    top: 20px;
    left: 20px;
  }
}

.hamberger {
  position: absolute;
  right: 20px;
  top: 20px;
  transition: top 0.35s ease;
  z-index: 2000;
  width: 32px;
  height: 22px;
  line-height: 1;
  font-size: 0;
  text-align: center;
  cursor: pointer;
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='22' viewBox='0 0 32 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='2' rx='1' fill='%230054A6'/%3E%3Crect x='10' width='22' height='2' rx='1' fill='%230054A6'/%3E%3Crect x='6' y='10' width='20' height='2' rx='1' fill='%230054A6'/%3E%3Crect width='8' height='2' rx='1' transform='matrix(-1 0 0 1 32 20)' fill='%230054A6'/%3E%3Crect width='22' height='2' rx='1' transform='matrix(-1 0 0 1 22 20)' fill='%230054A6'/%3E%3C/svg%3E%0A");
}
.hamberger span {
  display: inline-block;
  display: none;
  width: 25px;
  height: 1px;
  margin-bottom: 7px;
  background: #fff;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -ms-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}
.hamberger.active {
  width: 26px;
  height: 34px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='47' viewBox='0 0 26 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='24.2917' y1='10.4989' x2='0.957225' y2='33.8334' stroke='%23C7D6E5' stroke-linecap='round'/%3E%3Cline x1='25.001' y1='33.8751' x2='1.66644' y2='10.5406' stroke='%23C7D6E5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.hamberger.active span {
  width: 28px;
}
.hamberger.active .ham {
  transform: rotate(35deg) translateY(6px) translateX(5px);
}
.hamberger.active .ber {
  transform: rotate(-35deg);
}
.hamberger.active .ger {
  display: none;
}
@media (max-width: 1023px) {
  .hamberger {
    display: block;
  }
}

@media (min-width: 1024px) {
  [lang=vi] .footer .ft-nav {
    gap: 0 40px;
  }
  [lang=vi] .footer__infonav .ft-nav .nav__tt {
    min-height: 44px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2222222222em;
    letter-spacing: 0.18px;
  }
  [lang=vi] .footer__office .item .txtLabel {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125em;
    letter-spacing: 0em;
    font-weight: 500;
    letter-spacing: 0.16px;
  }
  [lang=vi] .top .fv__txt .txt02 {
    font-size: 54px;
    font-size: 5.4rem;
    line-height: 1.2962962963em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  [lang=vi] .top .fv__txt .txt02 {
    font-size: 3.75vw;
    line-height: 4.8611111111vw;
  }
}
@media (min-width: 1024px) {
  [lang=vi] .top .fv__banner .row__txt {
    font-size: 28px;
    font-size: 2.8rem;
  }
  [lang=vi] .top .sec-message__txt .txt::after {
    display: none;
  }
  [lang=vi] .company .fv__txt .desc {
    max-width: 550px;
  }
  [lang=vi] .company .fv__banner .row__txt {
    font-size: 28px;
    font-size: 2.8rem;
    padding: 10px 20px;
  }
  [lang=vi] .sec-banner__txt .info .title {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 1.3636363636em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1438px) {
  [lang=vi] .sec-banner__txt .info .title {
    font-size: 3.0555555556vw;
    line-height: 4.1666666667vw;
  }
}
@media (min-width: 1024px) {
  [lang=vi] .sec-banner__txt .info .cate {
    left: 380px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1438px) {
  [lang=vi] .sec-banner__txt .info .cate {
    left: 26.3888888889vw;
  }
}
@media (min-width: 1024px) {
  [lang=vi] .sec-banner__txt .info .cate__child {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1438px) {
  [lang=vi] .sec-banner__txt .info .cate__child {
    font-size: 1.1111111111vw;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  [lang=vi] .sec-banner__txt .info .cate__child {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 1024px) {
  [lang=vi] .sec-banner__txt {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
  [lang=vi] .sec-banner__txt {
    padding-left: 1.3888888889vw;
    padding-right: 1.3888888889vw;
  }
}
@media (min-width: 1024px) {
  [lang=vi] .sec-support__txt .support-tech__list .item {
    flex: 1;
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  [lang=vi] .top .fv__txt .txt02 {
    font-size: 40px;
    font-size: 4rem;
  }
  [lang=vi] .top .fv__banner .row__txt01 {
    font-size: 20px;
    font-size: 2rem;
  }
  [lang=vi] .top .fv__banner .row__txt {
    min-height: 107px;
  }
  [lang=vi] .solution .sec-support__txt .support-tech__list .item {
    padding-left: 10px;
    padding-right: 10px;
  }
  [lang=vi] .footer .ft-nav {
    gap: 0 10px;
  }
}
@media (max-width: 1023px) {
  [lang=vi] .footer__bottom .bottom-right {
    display: block;
  }
  [lang=vi] .footer__bottom .bottom-right .ft-privacy {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
    display: inline-block;
  }
  [lang=vi] .top .fv__txt .txt01 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  [lang=vi] .top .fv__banner .row__txt {
    font-size: 17px;
    font-size: 1.7rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  [lang=vi] .top .fv__txt .txt02 {
    font-size: 30px;
    font-size: 3rem;
  }
  [lang=vi] .top .sec-about .about-value__list .child .txt {
    font-size: 12px;
    font-size: 1.2rem;
    padding-bottom: 5px;
  }
  [lang=vi] .company .sec-ctn__nav .row__desc {
    font-size: 13px;
    font-size: 1.3rem;
  }
  [lang=vi] .company .sec-banner .banner_txt .title {
    font-size: 28px;
    font-size: 2.8rem;
  }
  [lang=vi] .company .sec-ctn__product .product-wrap__title .title {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.0909090909em;
  }
  [lang=vi] .solutions .sec-tech .tech-customer__txt .title {
    font-size: 26px;
    font-size: 2.6rem;
  }
  [lang=vi] .solutions .sec-partner .s-head .title {
    font-size: 25px;
    font-size: 2.5rem;
  }
  [lang=vi] .solutions .sec-tech .tech-customer__txt .sub {
    font-size: 20px;
    font-size: 2rem;
  }
  [lang=vi] .solutions .sec-tech .tech-customer__txt .label .label_txt {
    max-width: 343px;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: center;
  }
  [lang=vi] .solutions .sec-tech .tech-customer__txt .label .label_txt span:first-child {
    padding-right: 30px;
  }
  [lang=vi] .solutions .sec-tech .tech-customer__txt .label .label_txt span:first-child::after {
    right: 10px;
  }
}
@media only screen and (max-width: 374px) {
  [lang=vi] .solutions .sec-tech .tech-customer__txt .title {
    font-size: 6.9333333333vw;
  }
  [lang=vi] .solutions .sec-partner .s-head .title {
    font-size: 6.6666666667vw;
  }
  [lang=vi] .solutions .sec-tech .tech-customer__txt .sub {
    font-size: 5.3333333333vw;
  }
}
@media only screen and (max-width: 360px) {
  [lang=vi] .footer__bottom .copyright {
    font-size: 12px;
  }
  [lang=vi] .footer__bottom .bottom-right .ft-privacy {
    font-size: 14px;
  }
  [lang=vi] .top .fv__txt .txt01 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  [lang=vi] .top .fv__txt .txt02 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  [lang=vi] .top .sec-tech .tech-customer__txt .label .label_txt {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.c-pagenavi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 70px;
}
@media (max-width: 1023px) {
  .c-pagenavi {
    margin-top: 50px;
  }
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 24px;
  padding: 0 47px;
  position: relative;
}
@media (max-width: 1023px) {
  .wp-pagenavi {
    padding: 0 41px;
  }
}
.wp-pagenavi span,
.wp-pagenavi a {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  line-height: normal;
  color: #68727b;
  position: relative;
}
@media (max-width: 1023px) {
  .wp-pagenavi span,
  .wp-pagenavi a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.wp-pagenavi span.previouspostslink, .wp-pagenavi span.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
  font-size: 0;
  width: 15px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='28' viewBox='0 0 15 28' fill='none'%3E%3Cg clip-path='url(%23clip0_76_1812)'%3E%3Cpath d='M14.5186 13.1465C9.55755 14.7668 4.97818 19.6778 4.28613 22H0C0 22 2.07642 15.4589 8.27344 13.1084L8.57129 13C2.14283 10.7499 0 4 0 4H4.28613C5.00052 6.39715 9.85722 11.553 15 13L14.5186 13.1465Z' fill='%230054A6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_76_1812'%3E%3Crect width='15' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@media (max-width: 1023px) {
  .wp-pagenavi span.previouspostslink, .wp-pagenavi span.nextpostslink,
  .wp-pagenavi a.previouspostslink,
  .wp-pagenavi a.nextpostslink {
    width: 13px;
    height: 28px;
    background-size: 100%;
  }
}
.wp-pagenavi span.previouspostslink,
.wp-pagenavi a.previouspostslink {
  right: auto;
  left: 0;
  transform: scaleX(-1);
}
.wp-pagenavi a {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .wp-pagenavi a:hover {
    color: #0054a6;
  }
}
.wp-pagenavi span.current {
  color: #0054a6;
}
.wp-pagenavi span.current::after {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #0054a6;
}
.wp-pagenavi .pages {
  display: none;
}

.c-product-type-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}
@media (max-width: 1023px) {
  .c-product-type-tabs {
    gap: 6px;
    margin-bottom: 16px;
  }
}
.c-product-type-tabs__button {
  display: inline-block;
  background-color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333em;
  letter-spacing: 0em;
  letter-spacing: 0.15px;
  padding: 7px 14px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #e9f1f7;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 1023px) {
  .c-product-type-tabs__button {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.125em;
    letter-spacing: 0.01em;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    text-align: center;
    flex: 1;
    padding: 7px;
  }
}
.c-product-type-tabs__button.current, .c-product-type-tabs__button:hover {
  color: #fff;
  background-color: #0054a6;
  border-color: #0054a6;
}
.c-product-type-tabs__button:focus-visible {
  outline: 2px solid #0054a6;
  outline-offset: 2px;
}

body.is-video-popup-open {
  overflow: hidden;
}

.c-video-popup {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.85);
}
@media (max-width: 1023px) {
  .c-video-popup {
    padding: 20px;
  }
}
.c-video-popup__inner {
  position: relative;
  width: min(100%, 960px);
}
.c-video-popup__video {
  position: relative;
}
.c-video-popup__video:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 56.25%;
}
.c-video-popup__video > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.c-video-popup__video {
  overflow: hidden;
  background-color: #000;
}
.c-video-popup__video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.c-video-popup__close {
  position: fixed;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='41' viewBox='0 0 42 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.5' x2='56.5685' y2='-0.5' transform='matrix(0.707108 -0.707106 0.707108 0.707106 0.707123 40.707)' stroke='%23A5B9CD'/%3E%3Cline y1='-0.5' x2='56.5685' y2='-0.5' transform='matrix(-0.707108 -0.707106 -0.707108 0.707106 40.7071 40.707)' stroke='%23A5B9CD'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  .c-video-popup__close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    background-size: 100%;
  }
}/*# sourceMappingURL=maps/styles.min.css.map */