@charset "utf-8";
/* CSS Document */ :root {
	--main-color: #2e3190;
	--secondary-color: #0091ba;
	--color-text: #2e3190;
	--color-link: #2e3190;
	--bg-color: #2e3190;
	--bg-color-light: #efefff;
	--bg-color-dark: #010212;
	--color-border: #2e3190;
	--color-link-dark: #ffffff;
	--bg-color-dark-text: #ffffff;
	--color-heading-subtitle-dark: rgba(255, 255, 255, 0.5);
	--overylay-bg-color: #ffffff;
}
.hNoneMKJ {
	position: absolute;
	z-index: -100;
	width: 0;
	height: 0;
	opacity: 0;
	font-size: 0;
	line-height: 0;
	margin-left: -9999em;
}
body {
	font-size: 1rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 30px 0;
}
h1, .h1 { font-size: 2.25rem; }

h2, .h2 { font-size: 1.875rem; }

h3, .h3 { font-size: 1.5rem; }

h4, .h4 { font-size: 1.125rem; margin: 0 0 10px 0; }

h5, .h5 { font-size: 0.875rem; }

h6, .h6 { font-size: 0.75rem; }
.color-secondary {
	color: var(--secondary-color);
}
.dark .button.button-border:not(.button-light):not(.button-fill) {
	border-color: #fff;
	color: #fff;
}
#footer {
	background-color: #fff;
	color: #333;
}
#footer a, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5 {
	color: #333;
}
#copyrights {
	color: #333;
}
#footer .copyright-links a {
	border-bottom-color: #333;
}
.d-title {
	margin-bottom: 1rem;
}
.d-title .fancy-title h5, .d-title .fancy-title h2, .d-title .fancy-title .h2 {
	color: var(--secondary-color);
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 0;
}
.d-title .title-border::before, .d-title .title-border::after, .d-title.title-center .fancy-title::before {
	display: none;
}
.d-title h1, .d-title h2, .d-title .h2, .page-section h2 {
	position: relative;
	font-size: 2.25rem;
}
.d-title h1:after, .d-title > h2:after, .d-title > .h2:after {
	content: '';
	display: block;
	margin-top: 30px;
	width: 150px;
	border-top: 1px solid #cacaca;
}
.d-title.title-center h1:after, .d-title.title-center > h2:after, .d-title.title-center > .h2:after {
	margin-left: auto;
	margin-right: auto;
}
.d-title.title-right h1:after, .d-title.title-right > h2:after, .d-title.title-right > .h2:after {
	margin-left: auto;
}
.d-title.title-center .fancy-title {
	justify-content: center;
}
.d-title.title-right .fancy-title {
	justify-content: flex-end;
}
.product-image .image-content div {}
.product-image .image-content div {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.product-image .image-content div a, .product-image .image-content div img {
	display: block;
	width: 100%;
	height: 100%;
}
.product-image .image-content div img {
	object-fit: cover;
	object-position: center center;
}
#content:before, #content:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	max-width: 1200px;
	z-index: 1;
}
#content:before {
	right: 0;
	top: 0;
	background: url('/archive/image/home-bg-dot-top.png') no-repeat right top;
	background-size: 100% auto;
}
#content:after {
	left: 0;
	bottom: 0;
	background: url('/archive/image/home-bg-dot-bottom.png') no-repeat left bottom;
	background-size: 100% auto;
}
.content-wrap {
	z-index: 2;
}
.slider-caption .h2 {
    font-size: 4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}
.fbox-content .h3 {
	font-size: 1rem;
	margin-bottom: 0;
}
@media (max-width: 991.98px) {
    .swiper_wrapper .slider-caption .h2 {
        font-size: 5.5vw;
    }
}