body.loading {
	position: fixed;
}
.lazy_loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: #F5F5F5;
	svg {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.loading-bar {
		position: absolute;
		top: calc(50% + 80px);
		left: 50%;
		width: 160px;
		height: 8px;
		border-radius: 5px;
		border: #383838 1px solid;
		background: #383838;
		transform: translateX(-50%);
		&>div {
			position: absolute;
			width: 100%;
			right: 0;
			top: 0px;
			bottom: 0px;
			border-radius: 4px;
			background: #FFFFFF;
			transform-origin: right center;
		}
	}
}

body::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}
 
body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px #FFFFFF;
}
 
body::-webkit-scrollbar-thumb {
	background-color: #000000;
	outline: 1px solid #000000;
}

.visible-xs {
	@media (min-width: 769px) {
		display: none !important;
	}
	@media (max-width: 900px) {
		display: block !important;
	}
}
.hidden-xs {
	@media (max-width: 900px) {
		display: none !important;
	}
}

.bg-center {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
h2 {
	position: relative;
	margin: 0;
	padding-bottom: calc(10vw / 19.2) 0;
	color: #123D83;
	font-size: calc(36vw / 19.2);
	font-weight: 700;
	line-height: 1.448;
	letter-spacing: calc(3.6vw / 19.2);
	text-align: left;
	@media (max-width: 1440px) {
		font-size: 27px;
	}
	@media (max-width: 900px) {
		font-size: 32px;
	}
}
h3 {
	position: relative;
	margin: 0;
	padding-bottom: calc(10vw / 19.2);
	color: #1FB8D4;
	font-size: calc(16vw / 19.2);
	font-weight: 500;
	line-height: 1.448125;
	letter-spacing: calc(1.6vw / 19.2);
	text-align: left;
	@media (max-width: 1440px) {
		font-size: 12px;
	}
	@media (max-width: 900px) {
		font-size: 16px;
	}
}
.btn-custom {
	display: block;
	position: relative;
	padding: 14px 30px;
	width: calc(100% - 60px);
	color: #FFFFFF;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	background: #383838;
	border-radius: 30px;
}
.grid-item {
	display: flex;
	display: -webkit-flex;
	position: relative;
	&[data-type=about] {
		display: inline-flex;
		display: -webkit-inline-flex;
		margin-top: calc(50vw / 19.2);
		gap: calc(140vw / 19.2);
		@media (max-width: 900px) {
			flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			margin-top: calc(40vw / 3.93);
			gap: calc(40vw / 3.93) calc(5vw / 3.93);
		}
		&>* {
			min-width: calc(220vw / 19.2);
			text-align: center;
			@media (max-width: 900px) {
				flex: 1;
				-webkit-flex: 1;
				min-width: calc(169vw / 3.93);
			}
			img {
				margin: calc(10vw / 19.2);
				width: calc(120vw / 19.2);
				height: auto;
				@media (max-width: 900px) {
					margin: calc(10vw / 3.93) calc(34.5vw / 3.93);
					width: calc(100vw / 3.93);
				}
			}
			p {
				margin: 0;
				padding: 0;
				color: #383838;
				font-size: calc(24vw / 19.2);
				font-weight: 700;
				line-height: 1.5;
				@media (max-width: 900px) {
					font-size: calc(18vw / 3.93);
				}
				span {
					display: block;
					margin-top: calc(2vw / 19.2);
					color: #888888;
					font-family: 'Gothic A1', sans-serif;
					font-size: calc(18vw / 19.2);
					font-weight: 500;
					@media (max-width: 900px) {
						margin-top: calc(2vw / 3.93);
						font-size: calc(12vw / 3.93);
					}
				}
			}
		}
	}
	&[data-type=service] {
		display: block;
		padding: calc(274vw / 19.2) 0 calc(120vw / 19.2);
		@media (max-width: 900px) {
			padding: calc(73vw / 3.93) 0 0;
		}
		.item {
			position: relative;
			margin: 0 calc(120vw / 19.2);
			width: calc(480vw / 19.2);
			height: calc(480vw / 19.2);
			background-color: #383838;
			border-radius: 50%;
			@media (max-width: 900px) {
				margin: 0 calc(15vw / 3.93);
				width: calc(345vw / 3.93);
				height: calc(345vw / 3.93);
			}
			&:before {
				content: '';
				position: absolute;
				left: calc(2vw / 19.2);
				right: calc(2vw / 19.2);
				top: calc(2vw / 19.2);
				bottom: calc(2vw / 19.2);
				background-color: #E5E3DF;
				border-radius: 50%;
				@media (max-width: 900px) {
					left: calc(2vw / 3.93);
					right: calc(2vw / 3.93);
					top: calc(2vw / 3.93);
					bottom: calc(2vw / 3.93);
				}
			}

			&>div {
				position: absolute;
				left: 0;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
			}
			.img {
				display: inline-block;
				display: -webkit-inline-block;
				margin: calc(10vw / 19.2);
				width: calc(100vw / 19.2);
				height: calc(100vw / 19.2);
				background-position: center center;
				background-size: contain;
				background-repeat: no-repeat;
				@media (max-width: 900px) {
					margin: calc(24vw / 3.93) calc(10vw / 3.93) calc(10vw / 3.93);
					width: calc(100vw / 3.93);
					height: calc(100vw / 3.93);
				}
			}
			h2 {
				color: #383838;
				font-size: calc(44vw / 19.2);
				font-weight: 700;
				line-height: 1.5;
				span {
					display: block;
					margin-top: calc(7vw / 19.2);
					color: #888888;
					font-family: 'Gothic A1', sans-serif;
					font-size: calc(18vw / 19.2);
					font-weight: 500;
				}
			}
			p {
				margin: 0;
				color: #383838;
				font-size: calc(24vw / 19.2);
				font-weight: 700;
				line-height: 1.5;
				@media (max-width: 900px) {
					font-size: calc(24vw / 3.93);
				}
				&.num {
					margin-bottom: calc(10vw / 19.2);
					letter-spacing: 0.04em;
					@media (max-width: 900px) {
						margin-bottom: calc(10vw / 3.93);
					}
				}
				span {
					display: block;
					color: #888888;
					font-family: 'Gothic A1', sans-serif;
					font-size: calc(18vw / 19.2);
					font-weight: 500;
					@media (max-width: 900px) {
						font-size: calc(18vw / 3.93);
					}
				}
			}

			&+.item {
				&:after {
					content: '';
					position: absolute;
					left: calc(-120vw / 19.2);
					top: 50%;
					width: calc(116vw / 19.2);
					height: calc(14vw / 19.2);
					background-image: url('./../images/homepage/service-cutter.svg');
					background-position: center center;
					background-size: contain;
					background-repeat: no-repeat;
					transform: translate(-50%, -50%);
					@media (max-width: 900px) {
						display: none;
					}
				}
			}
		}
	}
}
.list-item {
	&[data-type=service] {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		gap: calc(29vw / 19.2);
		padding-left: 0;
		@media (max-width: 900px) {
			gap: 29px;
			margin: 24px 0 0;
		}
		li {
			position: relative;
			padding: calc(10vw / 19.2) calc(20vw / 19.2);
			padding-left: calc(60vw / 19.2);
			color: #484848;
			font-size: calc(24vw / 19.2);
			font-weight: 500;
			line-height: calc(34.75vw / 19.2);
			letter-spacing: 0.04em;
			list-style: none;
			background-image: url('./../images/homepage/rect.png');
			background-position: calc(20vw / 19.2) calc(21.5vw / 19.2);
			background-size: calc(12vw / 19.2);
			background-repeat: no-repeat;
			@media (max-width: 1440px) {
				padding: 7.5px 15px;
				padding-left: 45px;
				font-size: 18px;
				background-position: 15px 16.125px;
				background-size: 9px;
			}
			@media (max-width: 900px) {
				padding: 10px 20px;
				padding-left: 60px;
				font-size: 24px;
				line-height: 26.06px;
				background-position: 20px 19px;
				background-size: 8px;
			}
			&+li {
				&:before {
					content: '';
					display: inline-block;
					display: -webkit-inline-block;
					position: absolute;
					left: 0;
					top: calc(-14vw / 19.2);
					width: 100%;
					height: calc(1vw / 19.2);
					background-color: #D4D9E2;
					@media (max-width: 900px) {
						top: -14px;
						height: 1px;
					}
				}
			}
		}
	}
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans TC', sans-serif;
	background-color: #FFFFFF;
}

.menu-desktop {
	display: flex;
	display: -webkit-flex;
	position: sticky;
	align-items: center;
	margin: 0;
	padding: calc(25vw / 19.2) calc(40vw / 19.2);
	left: 0;
	right: 0;
	top: 0;
	height: calc(102vw / 19.2);
	background: linear-gradient( to right,  #123D83 0vw , #123D83 calc(590vw / 19.2) , #FFFFFF calc(590vw / 19.2), #FFFFFF 100vw );
	z-index: 20;
	box-sizing: border-box;
	@media (max-width: 1440px) {
		padding: 9px 31.5px;
		height: 60px;
		box-sizing: border-box;
	}
	@media (max-width: 1200px) {
		padding: 9px 31.5px;
		height: 60px;
		box-sizing: border-box;
	}
	@media (max-width: 900px) {
		flex-flow: column;
		-webkit-flex-flow: column;
		position: fixed;
		padding: 10px 15px;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 64px;
		background: linear-gradient( #FFFFFF 0px , #FFFFFF 64px , transparent 64px, transparent 100% );
		border-radius: 0;
		transform: none;
		overflow: hidden;
		transition: 300ms;
		align-items: start;
	}
	/* @media (max-width: 390px) {
		padding: calc(6vw / 3.9) 0;
		height: calc(68vw / 3.9);
		background: linear-gradient( #FFFFFF 0px , #FFFFFF calc(80vw / 3.9) , transparent calc(80vw / 3.9), transparent 100% );
	} */

	.logo {
		margin-left: calc(22vw / 19.2);
		width: calc(130vw / 19.2);
		height: calc(52vw / 19.2);
		@media (max-width: 1440px) {
			width: 97.5px;
			height: 39px;
		}
		@media (max-width: 900px) {
			width: 97.5px;
			height: 39px;
		}
		@media (max-width: 390px) {
			width: calc(97.5vw / 3.9);
			height: calc(39vw / 3.9);
		}
		img {
			width: 100%;
			height: 100%;
		}
	}
	.content {
		flex: 1;
		-webkit-flex: 1;
		text-align: right;
		@media (max-width: 900px) {
			position: absolute;
			right: 0;
			top: 64px;
			background-color: #FFFFFF;
		}
		@media (max-width: 390px) {
			top: calc(64vw / 3.9);
		}
		.sitemap {
			display: inline-flex;
			display: -webkit-inline-flex;
			gap: calc(40vw / 19.2);
			@media (max-width: 1440px) {
				gap: 30px;
			}
			@media (max-width: 900px) {
				flex-flow: column;
				-webkit-flex-flow: column;
				gap: 0;
				margin: 0;
				padding: 0;
				text-align: center;
			}
			&>* {
				position: relative;
				padding: calc(6vw / 19.2) calc(10vw / 19.2);
				color: #484848;
				/* text-shadow: rgba(245,245,245,.5) 1px 1px; */
				font-size: calc(16vw / 19.2);
				font-weight: 500;
				line-height: 1.5;
				list-style-type: none;
				white-space: nowrap;
				cursor: pointer;
				@media (max-width: 1440px) {
					padding: 4.5px 7.5px;
					font-size: 16px;
				}
				@media (max-width: 900px) {
					padding: 8px 20px;
					min-width: 280px;
					font-size: 16px;
				}
				&.active {
					color: #123D83;
					/* &:after {
						content: '';
						position: absolute;
						left: 0;
						right: 0;
						top: 100%;
						height: calc(3vw / 19.2);
						background-color: #8D8172;
						@media (max-width: 900px) {
							display: none;
						}
					} */
				}
			}
		}
	}

	&.active {
		@media (max-width: 900px) {
			height: 280px;
		}
		@media (max-width: 390px) {
			height: calc(80vw / 3.9 + 200px);
		}
	}
}
.btn-menu {
	right: 0;
	top: 0;
	width: 64px;
	height: 64px;
	background: #FFFFFF;
	z-index: 10;
	position: fixed;
	cursor: pointer;
	@media (max-width: 390px) {
		width: calc(64vw / 3.9);
		height: calc(64vw / 3.9);
	}
	&>i {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		width: calc(50vw / 19.2);
		height: calc(4vw / 19.2);
		background: #123D83;
		border-radius: 4px;
		transform: translate(-50%, -50%);
		transition: 300ms;
		@media (min-width: 390px) and (max-width: 1080px) {
			width: 30px;
			height: 2px;
		}
		@media (max-width: 390px) {
			width: calc(30vw / 3.9);
			height: calc(2vw / 3.9);
		}
		&:before, &:after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: calc(50vw / 19.2);
			height: calc(4vw / 19.2);
			background: #000000;
			border-radius: 4px;
			transition: 300ms;
			@media (min-width: 390px) and (max-width: 1080px) {
				width: 30px;
				height: 2px;
			}
			@media (max-width: 390px) {
				width: calc(30vw / 3.9);
				height: calc(2vw / 3.9);
			}
		}
		&:before {
			transform: translateY(calc(-17.76vw / 19.2));
			@media (min-width: 390px) and (max-width: 1080px) {
				transform: translateY(-10px);
			}
			@media (max-width: 390px) {
				transform: translateY(calc(-10vw / 3.9));
			}
		}
		&:after {
			transform: translateY(calc(17.76vw / 19.2));
			@media (min-width: 390px) and (max-width: 1080px) {
				transform: translateY(10px);
			}
			@media (max-width: 390px) {
				transform: translateY(calc(10vw / 3.9));
			}
		}
	}
	&.active {
		z-index: 12;
		&>i {
			width: 0;
			height: 0;
			&:before{
				transform: translateX(-50%) rotate(45deg);
			}
			&:after {
				transform: translateX(-50%) rotate(-45deg);
			}
		}
	}
}

#banner {
	position: relative;
	min-height: calc(918vw / 19.2);
	overflow-x: hidden;
	background: linear-gradient( to right,  #123D83 0vw , #123D83 calc(590vw / 19.2) , transparent calc(590vw / 19.2), transparent 100vw );
	background-size: contain;
	@media (max-width: 900px) {
		min-height: calc(363vw / 3.93);
		background: linear-gradient( to right,  #123D83 0vw , #123D83 calc(326vw / 3.93) , transparent calc(326vw / 3.93), transparent 100vw );
	}
	/* @media (max-width: 390px) {
		margin-top: calc(60vw / 3.9);
	} */

	.content {
		position: absolute;
		left: calc(250vw / 19.2);
		top: calc(284vw / 19.2);
		letter-spacing: calc(13.2vw / 19.2);
		text-shadow: rgba(0,0,0,.4) 0px calc(4vw / 19.2) calc(6vw / 19.2);
		@media (max-width: 900px) {
			left: calc(25vw / 3.93);
			top: calc(194vw / 3.93);
			text-shadow: rgba(0,0,0,.4) 0px calc(4vw / 3.93) calc(6vw / 3.93);
		}
		
		.title {
			margin: 0 0 calc(34vw / 19.2);
			padding: 0;
			color: #FFFFFF;
			font-size: calc(66vw / 19.2);
			font-weight: 700;
			line-height: 1.5;
			@media (max-width: 900px) {
				font-size: calc(36vw / 3.93);
				line-height: calc(52.13vw / 3.93);
				letter-spacing: 0.2em;
			}
			/* @media (max-width: 575px) {
				font-size: 18px;
			} */
			&+.desc {
				position: relative;
				margin-top: calc(41vw / 19.2);
				padding-top: calc(41vw / 19.2);
				&:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					width: calc(180vw / 19.2);
					height: calc(8vw / 19.2);
					transform: translateY(-50%);
					background-color: #FFFFFF;
					box-shadow: rgba(0,0,0,.4) 0px calc(4vw / 3.93) calc(6vw / 3.93) 0;
					@media (max-width: 900px) {
						width: calc(80vw / 3.93);
						height: calc(4vw / 3.93);
					}
				}
			}
		}
		.desc {
			margin: 0;
			padding: 0;
			color: #383838;
			font-size: calc(44vw / 19.2);
			font-weight: 900;
			line-height: 1.5;
			@media (max-width: 900px) {
				font-size: calc(24vw / 3.93);
			}
		}
	}

	.sticker {
		position: absolute;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		pointer-events: none;
		overflow: hidden;

		&.sticker-0 {
			left: calc(370vw / 19.2);;
			top: calc(0vw / 19.2);
			width: calc(1550vw / 19.2);
			height: calc(820vw / 19.2);
			@media (max-width: 900px) {
				left: auto;
				right: 0;
				top: 0;
				width: calc(340vw / 3.93);
				height: calc(280vw / 3.93);
			}
		}
	}
}

#about {
	position: relative;
	height: calc(1003vw / 19.2);
	text-align: center;
	@media (max-width: 900px) {
		height: auto;
		box-sizing: border-box;
	}

	.content {
		position: absolute;
		left: calc(970vw / 19.2);
		top: calc(139vw / 19.2);
		width: calc(580vw / 19.2);
		text-align: left;
		@media (max-width: 1440px) {
			width: 435px;
		}
		@media (max-width: 900px) {
			position: relative;
			padding: calc(552vw / 3.93) calc(16vw / 3.93) calc(92vw / 3.93);
			left: auto;
			top: auto;
			width: auto;
		}
		.desc {
			margin-top: calc(44vw / 19.2);
			font-size: calc(16vw / 19.2);
			font-weight: 400;
			line-height: calc(36vw / 19.2);
			letter-spacing: 0.04em;
			@media (max-width: 1440px) {
				font-size: 12px;
			}
			@media (max-width: 900px) {
				font-size: 16px;
				line-height: 36px;
			}
		}

		.btn-contact {
			display: inline-block;
			display: -webkit-inline-block;
			padding: calc(12vw / 19.2) calc(73.5vw / 19.2) calc(12vw / 19.2) calc(43.5vw / 19.2);
			color: #123D83;
			font-size: calc(20vw / 19.2);
			font-weight: 500;
			letter-spacing: 0.04em;
			background-image: url('./../images/homepage/chevron.png');
			background-position: calc(136vw / 19.2) 50%;
			background-size: calc(20vw / 19.2);
			background-repeat: no-repeat;
			border: #123D83 1px solid;
			border-radius: calc(100vw / 19.2);
			cursor: pointer;
			@media (max-width: 900px) {
				margin: 24px 0 0;
				padding: 12px 73.5px 12px 43.5px;
				font-size: 16px;
				background-position: 136px 50%;
				background-size: 20px;
			}
		}
	}

	.sticker {
		position: absolute;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		pointer-events: none;
		overflow: hidden;
		&.sticker-0 {
			left: calc(490vw / 19.2);
			top: calc(100vw / 19.2);
			width: calc(400vw / 19.2);
			height: calc(540vw / 19.2);
			@media (max-width: 900px) {
				left: calc(100vw / 3.93);
				top: calc(80vw / 3.93);
				width: calc(278vw / 3.93);
				height: calc(376vw / 3.93);
			}
			&.visible {
				background-image: url('./../images/homepage/about-sticker-0.jpg');
				@media (max-width: 900px) {
					background-image: url('./../images/homepage/about-sticker-0-mb.jpg');
				}
			}
		}
		&.sticker-1 {
			left: calc(370vw / 19.2);
			top: calc(470vw / 19.2);
			width: calc(186vw / 19.2);
			height: calc(251vw / 19.2);
			@media (max-width: 900px) {
				left: calc(16vw / 3.93);
				top: calc(337vw / 3.93);
				width: calc(130vw / 3.93);
				height: calc(175vw / 3.93);
			}
			&.visible {
				background-image: url('./../images/homepage/about-sticker-1.png');
				@media (max-width: 900px) {
					background-image: url('./../images/homepage/about-sticker-1-mb.png');
				}
			}
		}
	}
}

#service {
	position: relative;
	height: calc(650vw / 19.2);
	text-align: center;
	background-color: #E7F0F7;
	@media (max-width: 900px) {
		margin: 0;
		padding-top: calc(80vw / 3.93);
		padding-bottom: calc(57vw / 3.93);
		height: auto;
		background: linear-gradient( to bottom,  #E7F0F7 0px , #E7F0F7 calc(362px + (57vw + 210vw) / 3.93), #FFFFFF calc(362px + (57vw + 210vw) / 3.93), #FFFFFF 100% );
		box-sizing: border-box;
	}

	.content {
		position: absolute;
		left: calc(250vw / 19.2);
		top: calc(80vw / 19.2);
		width: calc(580vw / 19.2);
		text-align: left;
		@media (max-width: 900px) {
			position: relative;
			left: calc(16vw / 3.93);
			top: 0;
			width: calc(361vw / 3.93);
		}
	}

	.sticker {
		position: absolute;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		pointer-events: none;
		overflow: hidden;
		&.sticker-0 {
			left: calc(970vw / 19.2);
			top: calc(-162vw / 19.2);
			width: calc(700vw / 19.2);
			height: calc(680vw / 19.2);
			@media (max-width: 900px) {
				position: relative;
				margin-left: calc(76vw / 3.93);
				margin-top: calc(40vw / 3.93);
				left: auto;
				top: auto;
				width: calc(317vw / 3.93);
				height: calc(351vw / 3.93);
			}
			&.visible {
				background-image: url('./../images/homepage/service-sticker-0.png');
				@media (max-width: 900px) {
					background-image: url('./../images/homepage/service-sticker-0-mb.png');
				}
			}
		}
	}
}

#contact {
	position: relative;
	padding: calc(80vw / 19.2) calc(250vw / 19.2);
	background-color: #123D83;
	@media (max-width: 900px) {
		padding: calc(80vw / 3.93) calc(15vw / 3.93) 0;
	}

	.contact-banner {
		position: relative;
		height: calc(406vw / 19.2);
		background-color: #383838;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		@media (max-width: 900px) {
			height: calc(280vw / 3.93);
		}
		&>div {
			position: absolute;
			left: 0;
			right: 0;
			top: 50%;
			text-align: center;
			transform: translateY(-50%);
		}
		.title {
			color: #FFFFFF;
			font-size: calc(48vw / 19.2);
			font-weight: 700;
			line-height: 1.5;
			letter-spacing: 0.04em;
			@media (max-width: 900px) {
				font-size: calc(28vw / 3.93);
			}
		}
		.desc {
			margin: calc(25vw / 19.2) 0 0;
			color: #FFFFFF;
			font-family: 'Gothic A1', sans-serif;
			font-size: calc(28vw / 19.2);
			font-weight: 500;
			line-height: 1.5;
			letter-spacing: 0.04em;
			@media (max-width: 900px) {
				margin-top: calc(25vw / 3.93);
				font-size: calc(14vw / 3.93);
			}
		}
	}

	.content {
		display: flex;
		display: -webkit-flex;
		align-items: start;

		@media (max-width: 1080px) {
			flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
		}
		
		.left {
			width: calc(700vw / 19.2);
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			@media (max-width: 1080px) {
				order: 2;
				width: 100%;
			}

			img {
				width: 100%;
				@media (max-width: 900px) {
					margin: 0 calc(-15vw / 3.93);
					width: calc(100% + 30vw / 3.93);
				}
			}

			&.visible {
				background-image: url('./../images/homepage/contact-image.jpg');
				@media (max-width: 1080px) {
					background-image: url('./../images/homepage/contact-image-nb.jpg');
				}
				@media (max-width: 900px) {
					background-image: url('./../images/homepage/contact-image-tl.jpg');
				}
				@media (max-width: 575px) {
					background-image: url('./../images/homepage/contact-image-mb.jpg');
				}
			}
		}

		.right {
			flex: 1;
			-webkit-flex: 1;
			padding: 0 0 0 calc(140vw / 19.2);
			@media (max-width: 1080px) {
				order: 1;
				width: 100%;
				padding: 0 0 calc(40vw / 10.8);
			}
			@media (max-width: 900px) {
				padding: 0;
			}
		}

		.title {
			color: #FFFFFF;
			text-align: left;
			@media (max-width: 900px) {
				text-align: left;
			}

			&:before {
				@media (max-width: 900px) {
				}
			}
		}
		.desc {
			margin-top: calc(44vw / 19.2) 0 0;
			color: #FFFFFF;
			font-family: 'Gothic A1', sans-serif;
			font-size: calc(16vw / 19.2);
			font-weight: 400;
			line-height: 2.25;
			letter-spacing: 0.04em;
			@media (max-width: 1440px) {
				font-size: 12px;
			}
			@media (max-width: 900px) {
				margin-top: calc(44vw / 3.93);
				font-size: 16px;
				line-height: 36px;
				text-align: left;
			}
		}
		.info {
			margin-top: calc(40vw / 19.2);
			margin-bottom: calc(40vw / 19.2);
			@media (max-width: 1080px) {
				margin-top: calc(40vw / 10.8);
				margin-bottom: calc(40vw / 10.8);
			}
			@media (max-width: 900px) {
				margin-top: calc(44vw / 3.93);
				margin-bottom: calc(40vw / 3.93);
			}
			div+div {
				margin-top: calc(24vw / 19.2);
				@media (max-width: 900px) {
					margin-top: 14px;
				}
			}
		}
		.address, .email, .phone {
			display: block;
			position: relative;
			padding-left: calc(33vw / 19.2);
			min-height: calc(24vw / 19.2);
			color: #FFFFFF;
			font-size: calc(16vw / 19.2);
			font-weight: 400;
			line-height: 1.448125;
			text-decoration: none;
			background-position: left top;
			background-size: calc(24vw / 19.2) calc(24vw / 19.2);
			background-repeat: no-repeat;
			@media (max-width: 1440px) {
				padding-left: 24.75px;
				font-size: 12px;
				background-size: 18px 18px;
			}
			@media (max-width: 900px) {
				margin-top: 14px;
				padding-left: 33px;
				font-size: 16px;
				line-height: 23.17px;
				background-size: 24px;
			}
		}
		.address {
			background-image: url('./../images/homepage/icon-address.svg');
		}
		.email {
			background-image: url('./../images/homepage/icon-email.svg');
		}
		.phone {
			background-image: url('./../images/homepage/icon-phone.svg');
		}

		.address-btn {
			position: absolute;
			right: 0;
			top: 0;
			color: #888888;
			font-size: calc(18vw / 19.2);
			font-weight: 500;
			line-height: 1.5;
			text-decoration: none;
			@media (max-width: 1080px) {
				font-size: calc(16vw / 10.8);
			}
			@media (max-width: 900px) {
				right: auto;
				left: 33px;
				top: 100%;
				font-size: calc(16vw / 3.93);
			}
		}
	}

	.sticker {
		.sticker-0 {
			width: calc(700vw / 19.2);
			height: calc(440vw / 19.2);
			@media (max-width: 900px) {
				left: 0;
				right: 0;
				width: auto;
				height: auto;
				margin: -30px 0;
			}
		}
	}
}

#enquiry {
	position: relative;
	padding: calc(100vw / 19.2) calc(490vw / 19.2) calc(144vw / 19.2);
	@media (max-width: 1080px) {
		padding: calc(80vw / 19.2) calc(250vw / 19.2);
	}
	@media (max-width: 900px) {
		padding: calc(80vw / 3.93) calc(15vw / 3.93);
	}
	h2, h3 {
		text-align: center;
	}
	form {
		margin-top: 40px;
	}
}

.footer {
	position: relative;
	background: #000000;
	z-index: 10;
	.flex {
		display: flex;
		display: -webkit-flex;
		gap: calc(60vw / 19.2);
		align-items: center;
		&:last-child {
			padding: calc(36vw / 19.2) calc(30vw / 19.2);
			background: #000000;
			@media (max-width: 900px) {
				padding: 14px 20px;
			}
		}
	}
	.copyright {
		flex: 1;
		-webkit-flex: 1;
		color: #CCCCCC;
		font-size: 13px;
		line-height: 1;
		text-align: center;
		@media (max-width: 900px) {
			text-align: center;
		}
	}
}



form {
	border: none;
	margin: auto;
	text-align: center;
	fieldset {
		border: none;
		padding: 0;
	}
	label {
		display: block;
		width: 100%;
		color: #123D83;
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: 0.04em;
		@media (max-width: 900px) {
			margin-bottom: 4px;
		}
		&.req {
			&:after {
				content: '*';
				
			}
		}
	}
	input, textarea {
		display: block;
		padding: calc(16vw / 19.2) calc(20vw / 19.2);
		width: 100%;
		color: #333030;
		font-size: calc(18vw / 19.2);
		line-height: 1;
		background: #F9F9FB;
		border: none;
		outline: none;
		border-radius: calc(10vw / 19.2);
		box-sizing: border-box;
		@media (max-width: 1080px) {
			padding: calc(16vw / 10.8) calc(20vw / 10.8);
			font-size: calc(18vw / 10.8);
			border-radius: calc(10vw / 10.8);
		}
		@media (max-width: 900px) {
			padding: 16px 24px;
			font-size: 18px;
			border-radius: 10px;
		}
	}
	input {
		&[type=submit] {
			max-width: calc(240vw / 19.2);
			margin: calc(40vw / 19.2) auto 0;
			padding: calc(12vw / 19.2) calc(80vw / 19.2);
			font-size: 20px;
			font-weight: 500;
			line-height: 1.448;
			letter-spacing: 0.04em;
			border-radius: 100px;
			background-color: #02BFC6;
			@media (max-width: 1080px) {
				margin: calc(40vw / 10.8) auto 0;
				padding: calc(8vw / 10.8) calc(20vw / 10.8);
			}
			@media (max-width: 900px) {
				float: none;
				margin: calc(80vw / 3.93) auto 0;
				padding: calc(12vw / 3.93) calc(79.5vw / 3.93);
				max-width: none;
				width: auto;
			}
		}
	}
	textarea {
		resize: none;
		height: calc(120vw / 19.2);
		@media (max-width: 1080px) {
			height: calc(120vw / 10.8);
		}
		@media (max-width: 900px) {
			height: calc(120vw / 3.93);
		}
	}
	.input-group {
		display: flex;
		display: -webkit-flex;
		gap: calc(80vw / 19.2) calc(40vw / 19.2);
		text-align: left;
		@media (max-width: 900px) {
			gap: 44px;
		}
		@media (max-width: 767px) {
			flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
		}
		.input {
			flex: 1;
			-webkit-flex: 1;
			@media (max-width: 767px) {
				flex: auto;
				-webkit-flex: auto;
				width: 100%;
			}
		}
		&+.input-group {
			margin-top: calc(40vw / 19.2);
			@media (max-width: 900px) {
				margin-top: calc(20vw / 3.93);
			}
		}
	}
	.input {
		display: inline-block;
		display: -webkit-inline-block;
	}

	.btn-custom {
		padding: calc(16vw / 19.2) calc(20vw / 19.2);
		width: calc(220vw / 19.2);
		border-radius: calc(10vw / 19.2);
		@media (max-width: 1080px) {
			padding: calc(16vw / 10.8) calc(20vw / 10.8);
			width: calc(220vw / 10.8);
			border-radius: calc(10vw / 10.8);
		}
		@media (max-width: 900px) {
			padding: calc(16vw / 3.93) calc(20vw / 3.93);
			width: calc(220vw / 3.93);
			border-radius: calc(10vw / 3.93);
		}
	}
}