@charset "utf-8";

/*
=======================================================
 BASIC
=======================================================	
*/

body {
	font-family: Arial, sans-serif;
	letter-spacing: .025em;
}


/*
=======================================================
 HEADER
=======================================================	
*/


/*
=======================================================
 GLOBAL NAVI
=======================================================	
*/

nav li.phone span.number {
	font-size: 0;
	margin: 4.5px 0;
}
		
/*
=======================================================
 TITLE
=======================================================	
*/

.main-title .subtitle {
	padding-top: 7px;
}

.main-title .subtitle span {
	font-size: 24px;
	line-height: 1.25;
	letter-spacing: .025em;
}

.main-title .quote {
	padding: 10px 0;
}

.main-title .quote span {
	line-height: 1.22;
	padding-top: 0;
}

#lang-switcher li {
	padding: 0 11px;
}

#lang-switcher li a {
	letter-spacing: .025em;
}

/*
=======================================================
 INTRO
=======================================================	
*/


/*
=======================================================
 POINT
=======================================================	
*/

#point li .inner {
	padding-right: 118px;
}

.point-no {
	font-family: 'Hiragino Sans', Arial, sans-serif;
	}
	.point-no::before {
		content: 'ÐIỂM';
		font-family: Arial;
	}

/*
=======================================================
 ABOUT
=======================================================	
*/

#about dl:not(.faq)>dt {
	letter-spacing: .05em;
}

#about .faq {
	margin-top: 25px;
}

#about .faq:nth-child(1) {
	margin-top: 0;
}


/*
=======================================================
 EXPERIENCE
=======================================================	
*/

#experience .wrapper {
	background: url(../images/bg_experience_middle.png) center center / 1400px auto no-repeat,
				url(../../images/bg_common.svg) center 90px / 100% auto no-repeat;
	padding-bottom: 130px;
}

#experience .container {
	padding: 120px 0;
	background: url(../images/bg_experience_top.png) center 15px no-repeat,
				url(../images/bg_experience_bottom.png) center bottom no-repeat;
}

#experience dl:nth-of-type(2) {
	padding-left: 0;
	padding-right: 20px;
	}
	#experience dl:last-of-type {
		margin-bottom: 20px;
	}

#experience dt {
	text-align: center;
	line-height: 1.25;
	padding: 17px 25px;
	margin-left: 100px;
	}
	#experience dl:nth-of-type(2) dt {
		margin-right: 100px;
		margin-left: 40px;
	}
	#experience dl:last-of-type dt {
		margin-left: 140px;
	}

	
/*
=======================================================
 PROCEDURE
=======================================================	
*/

#procedure li:not(:last-child) {
	height: 216px;
}
.step::before {
	content: 'BƯỚC';	
}
#procedure li:not(:last-child)::after {
	bottom: 10px;
}


/*
=======================================================
 MESSAGE
=======================================================	
*/

.message-container p {
	width: 1000px;
	margin: 0 auto;
	font-weight: 600;
}

#message li {
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
}

/*
=======================================================
 SIGNUP
=======================================================	
*/

/*
=======================================================
 FORM
=======================================================	
*/

/*
-------------------------------------------------------
 FINISH / ERRORS
-------------------------------------------------------
*/

.finish #signup .wrapper {
	padding: 80px 0;
}

/*
=======================================================
 FOOTER
=======================================================	
*/

.footer-contact dt {
	font-size: 26px;
}

.footer-contact .upper-content {
	align-items: center;
}

.footer-contact .gmap {
	margin-top: 0;
}

.footer-contact .lower-content {
	padding: 20px 0 17px 0;
	align-items: flex-start;
}

.footer-contact .phone span {
	line-height: 1.4;
}
	
.footer-contact .phone .number img {
	height: 43.75px;
}

.goform a {
	background-image: url(../images/goform.svg);
}
