html {
	margin-top: 0px !important;
	scroll-behavior: smooth;
}

/* Hide scrollbar */
* {
	scrollbar-width: none;
}

body {
	font-family: "Roboto", sans-serif !important;
}

/* header START */
.header-navbar__end {
	justify-content: flex-end;
	display: flex;
	margin-left: auto;
}

.header-navbar__menu > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.header-navbar .header-navbar__menu .menu-item a {
	color: #003366 !important;
	font-size: 16px;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
	grid-gap: 0 8px;
	padding: 16px 30px;
	text-transform: uppercase;
}

.header-navbar__menu > ul > li {
	padding: 0px !important;
	position: relative;
}

header .header-navbar {
	background-color: var(--white-color);
	box-shadow: 0px 4px 10px 0px #0f248c33;
}

.header-navbar .header-navbar__menu {
	margin: 0;
}

.header-navbar .header-navbar__menu > ul > li.active.menu-item-has-children::after {
	transform: rotate(180deg) scale(1.1);
	transition: transform 0.3s ease-in-out;
}

.header-navbar .header-navbar__menu > ul > li.menu-item-has-children::after,
.header-navbar .header-navbar__burger > a {
	color: #e5a559;
}

.header-navbar .header-navbar__start {
	/* padding: 13px 25px; */
	background-color: transparent;
}

/* mobile menu START */
/* mobile menu END */
.header-navbar__burger > a i {
	font-size: 16px;
	display: block;
}

.header-navbar__burger ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}

.header-navbar__burger ul li {
	margin: 0;
}

.header-navbar__burger ul li {
	position: relative;
}

.header-navbar__burger ul li:not(:last-child) {
	margin-bottom: 0.5rem;
}

.header-navbar__burger ul li.menu-item-has-children::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	display: inline-block;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: auto;
	content: "\f105";
	color: rgba(7, 36, 86, 0.25);
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 0.2rem;
	transition: transform 0.25s;
}

.header-navbar__burger ul li.menu-item-has-children.active::after {
	transform: rotate(90deg);
}

.header-navbar__burger ul li a {
	color: inherit;
}

.header-navbar__burger ul li ul {
	padding-left: 2rem;
	margin-top: 0.5rem;
	display: none;
}

.header-navbar__burger ul li:focus-within > ul {
	display: block;
}

.header-navbar__burger > ul {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
	padding: 1.5rem 2rem;
}

.header-navbar__burger > ul::before:hover {
	color: rgba(7, 36, 86, 0.35);
}

.header-navbar__burger > ul > li {
	padding: 0.25rem 0;
}

.header-navbar__burger > ul > li:not(:last-child) {
	margin-bottom: 0;
}

.header-navbar__burger > ul > li.current-menu-item::before {
	position: absolute;
	top: 0;
	left: -2rem;
	bottom: 0;
	display: block;
	width: 3px;
	content: "";
	background-color: #ffc107;
}

.header-navbar__burger > ul > li.menu-item-has-children::after {
	top: 0.5rem;
}

.header-navbar__burger > ul > li > a {
	font-size: 1.125rem;
}

header.site-header {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
}

#menu-header {
	z-index: 10;
	padding: 0px;
	top: 40px;
	background: linear-gradient(180deg, #e5a559 0%, rgba(0, 51, 102, 0.4) 100%);
}

#menu-header .menu-item {
	padding: 0px;
	width: 100%;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
}

#menu-header .menu-item a {
	color: white;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-family:
		Noto Sans JP,
		sans-serif !important;
}

#menu-header .menu-item a.active {
	color: #003366;
	background-color: white;
}

header.site-header .header-navbar__burger {
	display: none;
	align-items: center;
	justify-content: center;
}

header.site-header .header-navbar__burger > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

header.site-header .header-navbar__burger > a .icon-hamburger {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 18px;
}

header.site-header .header-navbar__burger > a .icon-hamburger .nth {
	position: absolute;
	width: 100%;
	height: 3px;
	border-radius: 50px;
	background-color: #e5a559;
	transition: all 0.3s ease;
}

header.site-header .header-navbar__burger > a .icon-hamburger .nth-1 {
	top: 0%;
	left: 50%;
	transform: translate(-50%, 0%) rotate(0deg);
}

header.site-header .header-navbar__burger > a .icon-hamburger .nth-2 {
	top: 50%;
	transform: translateY(-50%);
}

header.site-header .header-navbar__burger > a .icon-hamburger .nth-3 {
	bottom: 0;
	top: auto;
	left: 50%;
	transform: translate(-50%, 0%) rotate(0deg);
}

header.site-header .header-navbar__burger > a.active .icon-hamburger .nth-1 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	transition: all 0.3s ease;
}

header.site-header .header-navbar__burger > a.active .icon-hamburger .nth-2 {
	opacity: 0;
}

header.site-header .header-navbar__burger > a.active .icon-hamburger .nth-3 {
	bottom: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

#menu-header {
	top: 134px;
}

@media (max-width: 1024px) {
	#menu-header {
		top: 60px;
	}
}

@media (max-width: 1536px) {
	.header-navbar .header-navbar__menu .menu-item a {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1024px) {
	header.site-header .header-navbar__burger {
		display: inline-flex;
	}

	.header-navbar .header-navbar__burger > ul > li > a,
	.header-navbar .hp-menu--user-account li a {
		justify-content: center;
	}
}

.header-navbar__menu > ul {
	overflow: hidden;
}

@media only screen and (max-width: 1024px) {
	header.site-header .header-navbar__burger {
		display: inline-flex;
	}

	.header-navbar .header-navbar__burger > ul > li > a {
		justify-content: center;
	}
}

@media only screen and (max-width: 1300px) {
	.header-navbar__burger {
		display: inline-flex !important;
	}

	.header-navbar__menu {
		display: none !important;
	}

	.header-navbar_login {
		display: none;
	}
}

@media screen and (max-width: 1440px) {
	.header-navbar__menu ul li {
		font-size: 18px;
		font-weight: 700;
		padding: 0 20px;
	}
}

@media screen and (max-width: 1220px) {
	.header-navbar__menu ul li {
		font-size: 14px;
		font-weight: 700;
		padding: 0 15px;
	}
}

@media screen and (max-width: 1024px) {
	.header-navbar__menu {
		display: none;
	}
}

.contentInner {
	max-width: 1240px;
	width: 100%;
}

@media screen and (max-width: 1536px) {
	.contentInner {
		max-width: 1200px;
	}
}

@media screen and (max-width: 1440px) {
	.contentInner {
		max-width: 1200px;
	}
}

@media screen and (max-width: 1240px) {
	.contentInner {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width: 768px) {
	.contentInner {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 390px) {
	.contentInner {
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.transition-opacity {
	transition: opacity 0.5s;
}

/* Contact form (Top page) */
.contact-form-section {
	position: relative;
	overflow: hidden;
}

.contact-form-input:focus {
	border-bottom-color: #32a82d;
}

.field-error .contact-form-input,
.contact-form-input.field-error {
	border-bottom-color: #ef4444;
}

.contact-form-submit:hover {
	filter: brightness(0.95);
}

/* Header GTranslate */
.header-gtranslate {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	position: relative;
	z-index: 120;
}

.header-gtranslate .gtranslate_wrapper {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.header-gtranslate .gt_selector,
.header-gtranslate .gt_switcher .gt_selected a,
.header-gtranslate .gt_switcher-popup {
	min-height: 38px !important;
	border: 1px solid rgba(55, 165, 8, 0.26) !important;
	border-radius: 4px !important;
	background: #fffff6 !important;
	color: #080808 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	box-shadow: 0 4px 14px rgba(0, 80, 144, 0.1) !important;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		color 0.2s ease !important;
}

.header-gtranslate .gt_selector {
	width: auto !important;
	max-width: 150px;
	padding: 0 34px 0 12px !important;
	cursor: pointer;
	outline: none;
}

.header-gtranslate .gt_selector:hover,
.header-gtranslate .gt_selector:focus,
.header-gtranslate .gt_switcher .gt_selected a:hover,
.header-gtranslate .gt_switcher-popup:hover {
	color: #40921a !important;
}

.header-gtranslate .gt_switcher {
	width: 150px !important;
	font-family: Roboto, sans-serif !important;
	overflow: visible !important;
	line-height: 1 !important;
}

.header-gtranslate .gt_switcher .gt_selected {
	background: transparent !important;
}

.header-gtranslate .gt_switcher .gt_selected a {
	width: 138px !important;
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 0 10px !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
}

.header-gtranslate .gt_switcher img,
.header-gtranslate a.glink img,
.header-gtranslate .gt_switcher-popup img {
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	opacity: 1 !important;
}

.header-gtranslate .gt_switcher .gt_option {
	width: 148px !important;
	border: 1px solid rgba(55, 165, 8, 0.18) !important;
	border-radius: 4px !important;
	background: #fffff6 !important;
	box-shadow: 0 12px 28px rgba(0, 80, 144, 0.18) !important;
	overflow-x: hidden !important;
}

.header-gtranslate .gt_switcher .gt_option a {
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 8px 10px !important;
	color: #080808 !important;
	font-family: Roboto, sans-serif !important;
	font-size: 14px !important;
	text-decoration: none !important;
}

.header-gtranslate .gt_switcher .gt_option a:hover,
.header-gtranslate .gt_switcher .gt_option a.gt_current {
	background: rgba(64, 146, 26, 0.1) !important;
	color: #40921a !important;
}

.header-gtranslate a.glink {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	min-height: 38px;
	padding: 0 8px;
	border-radius: 4px;
	background: #fffff6;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.header-gtranslate a.glink:hover {
	color: #40921a;
}

.header-gtranslate a.glink.gt-current-lang,
.header-gtranslate a.glink.gt-current-lang:hover {
	border-color: #40921a !important;
	color: white;
	background-color: #40921a !important;
	transform: translateY(-1px);
}

.header-gtranslate .gt_switcher-popup {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 0 12px !important;
	text-decoration: none !important;
}

.header-gtranslate .gt_white_content {
	border-radius: 8px !important;
	border-color: rgba(55, 165, 8, 0.2) !important;
	box-shadow: 0 20px 45px rgba(0, 80, 144, 0.22) !important;
}

@media screen and (max-width: 1023px) {
	.header-gtranslate {
		min-height: 44px;
	}

	.header-gtranslate .gt_selector,
	.header-gtranslate .gt_switcher,
	.header-gtranslate .gt_switcher .gt_option {
		width: 180px !important;
		max-width: 180px;
	}

	.header-gtranslate .gt_switcher .gt_selected a {
		width: 178px !important;
		justify-content: center !important;
	}
}