@import url('https://mmwebfonts.comquas.com/fonts/?font=myanmar3');

/*-------------------Loading animation-----------------*/
	
	@keyframes g_b{
		to{
			fill: #000;
		}
	}
	@keyframes path{
		
		to{
			stroke-dashoffset:0;
		}
	}
	@keyframes div{
		to{
			width: 0;
		}
	}
	@keyframes svg{
		to{
			visibility: hidden;
			width:0;
		}
	}
/*-----------------End Loading animation-----------------*/

/*-------------------------Employees interview---------------------------*/
	
	*{
		margin: 0;
		padding: 0;
	} 
	body{
		overflow-x: hidden;
	}
	html{
		scroll-behavior: smooth;
	}
	body:lang(ja){
		font-family: Noto Sans Oriya !important;
	}
	body:lang(en){
		font-family: arial;
	}
	body:lang(my){
		font-family:Myanmar3,Yunghkio;
	}
	::selection{
		color: white;
		background: #FF5700;
	}
	
	
	.service{
		width: 100%;
		padding: 40px 0;
		background-color: #FFFFFF;
	}
	.service_title{
		font-size: 32px;
		color: #000;
		text-align: center;
		font-weight: 600;
	}

	.service_title span{
		border-bottom: 3px solid #000;
	}
	
	
	.slider_wrap{
		padding: 79px 0;
	    max-width: 1235px;
	    width: 90%;
	    margin: 0 auto;
	    position: relative;
	}
	.service_sp{
		width: 80%;
		max-width: 600px;
		margin: 0 auto;
		overflow-x: hidden;
	}
	.service_sp ul{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 25px;
	}
	.service_sp ul li{
		width: 48%;
		margin-top: 15px;
		list-style: none;
	}
	.service_sp ul li img{
		width: 100%;
	}
	
	.service_slider{
		width: 90%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.service_slider .slider_item{
		width: 33%;
	}
	.slider_item img{
		width: 90%;
		margin: 0 auto;
	}
	.why_sz{
		width: 100%;
		padding: 150px 0 150px 0;
		background-image: url(img/ser-list1.png);
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
	}
	.why_inner{
		width: 40%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 40px 40px;
		box-sizing: border-box;
		background-color: #ffffffcc;
		text-align: center;
		position: relative;
	}
	.why_inner li {
    	line-height: 36px;
		text-align: left;
		font-size: 18px;
		list-style: none;
	}
	.why_inner ul {
    	margin-left: 90px;
	}
	.why_inner .title{
		font-size: 32px;
		
		
	}
	.why_inner p{
		margin-top: 50px;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.7;
	}
	
	.section_why_sz{
		width: 100%;
		padding-bottom: 70px;
	}
	.sz_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.bread_crumb{
		padding: 10px 0;
		margin-bottom: 30px;
		font-weight: 600;
		font-size: 14px;
	}
	.bread_crumb a{
		text-decoration: none;
		color: #000;
	}
	.bread_crumb a:hover{
		text-decoration: underline;
	}
	.sz_inner .why_title{
		font-size: 30px;
		font-weight: 600;
		color: #FF4B00;
	}
	.sz_inner .txt{
		font-size: 20px;
		font-weight: 600;
		line-height: 1.7;
		margin: 20px 0;
	}
	.sz_inner .box{
		padding: 20px;
		box-sizing: border-box;
		border: 3px solid #FF4B00;
		color: #FF4B00;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.7;
		box-sizing: border-box;
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}

/*----------------------------service_list-----------------------------*/
	.ser_list{
		width: 100%;
	}
	.ser_list .list_inner{
		max-width: 1100px;
		width: 90%;
		margin:0 auto;
		font-size: 14px;
		line-height: 1.7;
	}
	.ser_list .row{
		width: 100%;
		display: flex;
		margin-bottom: 60px;
		justify-content: space-between;
		align-items: center;
	}
	.ser_list .row .col_left{
		width: 60%;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.ser_list .row .col_right{
		width: 40%;
	}
	.ser_list .row .col_right img{
		width: 100%;
	}
	.ser_list .list_title{
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 20px;
		line-height: 1.5;
	}
	.ser_list .row_02{
		width: 100%;
		display: flex;
		margin-bottom: 60px;
		justify-content: space-between;
	}
	.ser_list .row_02 .col_left{
		width: 48%;
		box-sizing: border-box;
	}
	.ser_list .row_02 .col_right{
		width: 48%;
		box-sizing: border-box;
	}
	.ser_list .row_02 .header{
		width: 100%;
		line-height: 1.5;
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		border-left: 7px solid #FF4B00;
		padding-left: 20px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.ser_list .row_02 .ser_title{
		font-size: 20px;
		color:#FF4B00;
		font-weight: 600;
		padding: 0 !important;
	}
	.ser_list .row_02 .ser_title_01{
		margin-bottom: 30px;
	}
	.ser_list .row_02 .ser_title_01_jp{
		margin-bottom: 0px !important;
	}
	.ser_list .row_02 a{
		width: 30%;
		min-width: 120px;
		text-align: center;
		padding: 10px 5px;
		background-color: #FF4B00;
		color:white;
		text-decoration: none;
		margin-left: 15px;
	}
	.ser_list .row_02 p{
		padding-left: 27px;
	}
	.ser_list .row_03{
		width: 100%;
		padding-bottom: 70px;
	}
	.ser_list .row_03 table{
		width: 100%;
		margin-bottom: 40px;
	}
	.ser_list .row_03 table th{
		background-color: #000;
		width: 100%;
	}
	.ser_list .row_03 table .header{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px 30px;
		box-sizing: border-box;
		font-size: 20px;
		color: white;
		text-align: left;
	}
	.ser_list .row_03 table img{
		width: 110px;
		padding-left: 20px;
		box-sizing: border-box;
		transform: translateY(4px);
	}
	.ser_list .row_03 .my_price_btn{
		width: 150px ;
	}
	
	.ser_list .row_03 .caption{
		width: 15%;
		text-align: center;
	}
	.ser_list .row_03 .caption span{
		padding: 5px 0;
		display:block;
		width: 100px;
		border:2px solid #464646;
	}
	.ser_list .row_03 table td{
		padding: 10px 0;
	}
	.ser_list .row_03 .red{
		color:red;
		padding-left: 50px;
	}

	.employee_interview{
		background-color: #ECECEC !important;
	}


/*========================Responsive===============================*/
	@media (min-width: 768px){

		.mobile-only{
			display: none;
		}
		.pc-only{
			display: block;
		}

	}
	@media (max-width: 768px){
		
		.pc-only{
			display: none;
		}
		.mobile-only{
			display: block;
		}

		body{
			overflow-x: hidden;
		}

		.loading svg{
			transform: translate(-50%,-50%) scale(.4);
		}
		.why_inner{
			width: 100%;
			max-width: 1100px;
			margin: 0 auto;
			padding: 40px 40px;
			box-sizing: border-box;
			background-color: #ffffffcc;
			text-align: center;
			position: relative;
		}
		.section_why .why_inner ul{
			margin: 15px !important;
		}

		.why_card ul li{
			list-style: none !important;
		}

				/*----------------------------service_list-----------------------------*/
			
				.ser_list .list_inner{
					max-width: 1100px;
					width: 90%;
					margin:0 auto;
		
					font-size: 14px;
					line-height: 1.7;
				}
				.ser_list .row{
					margin-bottom: 30px;
					flex-wrap: wrap;
				}
				.ser_list .row .col_left{
					width: 100%;
					padding: 0;
					margin: 0;
				}
				.ser_list .row .col_left p{
					padding-bottom: 30px;
				}
				.ser_list .row .col_right img{
					margin-bottom: 20px !important;
				}
				.ser_list .row .col_right{
					margin: 0 !important;
					width: 100%;
				}
				.ser_list .row .col_right .title_02{
					padding-bottom: 0 !important;
				}
				.ser_list .row .col_right p{
					padding: 30px;
				}
				.ser_list .list_title{
					font-size: 23px;
				}
				.ser_list .row_02{
					margin-bottom: 30px;
					flex-wrap: wrap;
				}
				.ser_list .row_02 .col_left{
					width: 100%;
					margin-bottom: 30px;
				}
				.ser_list .row_02 .col_right{
					width: 100%;
				}
				.ser_list .row_02 .header{
					border-left: 5px solid #FF4B00;
					padding-left: 10px;
					margin-bottom: 10px;
				}
				.ser_list .row_02 .ser_title{
					font-size: 16px;
				}
				.ser_list .row_02 .ser_title_01{
					margin-bottom: 0;
				}
				.ser_list .row_02 a{
					padding: 5px 25px;
					margin-left: 10px;
				}
				.ser_list .row_02 p{
					padding-left: 15px;
				}
				.ser_list .row_03 table .header{
					padding: 3px 10px;
					font-size: 16px;
				}
				.ser_list .row_03 table img{
					width: 80px;
					padding-left: 10px;
				}
				.ser_list .row_03 .caption{
					width: 10%;
				}
				.ser_list .row_03 .caption span{
					padding: 2px 0;
					width: 70px;
					border:1px solid #464646;
					margin-right: 5px;
				}
				.ser_list .row_03 .red{
					color:red;
					padding-left: 15px;
				}
			/*--------------------------End service_list-----------------------------*/

			.logo{
				width: 100px;
			}
			.nav_inner{
				justify-content: flex-end;
			}
			.nav_contact{
				width: 100%;
			}
			.welcome{
				padding: 0;
			}
			.mobile_logo{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 12px;
				color:#000;
				font-weight: 600;
			}
			.mobile_logo .logo{
				padding-right: 10px;
				width: 80px;
				margin: 5px 0;
			}
			.pc_nav{
				display: none !important;
			}
			.mobile_menu{
				width: 100%;
				background-color: #494949;
				position: relative;
				z-index: 9;
			}
			.top_banner .mobile_menu{
				background-color: #00000077;
			}
			.top_banner .mobile_menu .mobile_menu_item{
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				transform: translateY(100%);
				height: 0px;
				transition:1s all;
			}
			.mobile_menu .mobile_menu_item{
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				transform: translateY(100%);
				height: 0px;
				background-color: #494949;
				transition:1s all;
			}
			.active_menu .mobile_menu_item{
				height: auto;
			}
			.top_banner .mobile_menu_item ul{
				width: 100%;
				background-color: #00000077;
			}
			.mobile_menu_item ul li{
				list-style: none;
				padding:13px 30px;
				box-sizing: border-box;
				display: none;
			}
			.mobile_menu_item ul li a{
				color:#fff;
				text-decoration: none;
				font-size: 18px;
	
			}
			.active_menu .mobile_menu_item ul li {
				display: block;
			}
			.hamburger_wrap{
				height: 50px;
				width: 90%;
				margin: 0 auto;
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}
			.hamburger{
				width: 30px;
				height: 20px;
				position: relative;
			}
			.hamburger span{
				width: 100%;
				height: 2px;
				background-color: #fff;
				position: absolute;
				transition: .3s all;
				opacity: 1;
			}
			.hamburger .top{
				top: 0;
				left: 0;
			}
			.hamburger .mid{
				top: 50%;
				left: 0;
				transform: translateY(-50%);
			}
			.hamburger .bot{
				bottom: 0;
				left:0;
			}
			.cross .top{
				top: 50%;
				transform: translateY(-50%);
				opacity: 0;
			}
			.cross .bot{
				top: 50%;
				transform: translateY(-50%);
				opacity: 0;
			}
			.cross .mid_1{
				transform: rotate(45deg);
			}
			.cross .mid_2{
				transform: rotate(-45deg);
			}
			.sub_menu_items{
				position: relative !important;
				background-color: transparent !important;
				transform: none;
			}
			.sub_menu_items ul li{
				transition: 0s;
			}
			.con_top span{
				padding: 3px 5px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				margin-left: 3px;
			}
			.top_banner{
				height: 300px;
			}
	    
	    	.title{
	    		font-size: 26px;
	    	}
	    	.title span{
	    		border-bottom-width: 2px;
	    	}
	    	.about_inner .inner_left{
				width:100%;
			}
			
			.about_inner .inner_right{
				width: 100%;
			}
			.img_member{
				width: 100%;
				height: 200px;
				object-fit: cover;
				overflow: hidden;
			}
			.img_member img{
				width: 100%;
				height: 200px;
				object-fit: cover;
				transition: all .5s;
			}
			.img_member img:hover{
				width: 110%;
				height: 230px;
				transform: translate(-5%,-15px);
			}
			.about_sz{
				padding-bottom: 50px;
			}
			.title_02{
				font-size: 20px;
				padding: 10px 0;
			}
			.about_inner .inner_left p{
				font-size: 15px;
				line-height: 1.5;
			}
			.about_inner .inner_left{
				margin-bottom: 40px;
			}
			.card_img{
				width: 50px;
			}
			.card_title{
				font-size: 16px;
				text-transform: uppercase;
				color: white;
			}
			.card_body{
				padding: 20px;
			}
			.card_01{
				margin-bottom: 30px;
			}
			.card_body p{
				font-size: 15px;
				line-height: 1.5;
			}
			.service_title{
				font-size: 26px;
			}
			.service_title span{
				border-bottom: 3px solid #000;
			}
			.what_we_can_do{
				font-size: 16px;
			}
			.why_sz{
				width: 100%;
				padding: 50px 0 50px 0;
				background-image: url(img/ser-list1.png);
				background-size: cover;
				background-position: center;
				background-attachment: fixed;
			}
			.why_inner{
				padding:30px;
				
			}
			.why_inner .title{
				font-size: 26px;
				border-bottom: 2px solid #000;
			}
			.why_inner p{
				margin-top: 20px;
				font-size: 16px;
				line-height: 1.5;
			}
			.difference{
				margin: 20px auto;
				font-size: 20px;
				line-height: 1.2;
				margin-bottom: 0;
			}
			.why_card{
				transform: none;
				margin-top: 20px;
				flex-wrap: wrap;
			}
			.why_card img{
				width: 45%;
				box-shadow: 0px 0px 5px gray;
				box-sizing: border-box;
				margin: 0 auto;
				margin-top: 30px;
			}
			.seemore_div{
				transform: none;
				margin:30px auto;
			}
			.achievement .title{
				margin: 30px 0;
			}
			.achieve_inner p{
				font-size: 15px;
				line-height: 1.5;
			}
			.achieve_card{
				padding: 20px;
				background-color: #fff;
				flex-direction: column-reverse;
				flex-wrap: wrap;
			}
			.achieve_card .card_left{
				width: 100%;
			}
			.achieve_card .card_right{
				width: 100%;
				font-size: 18px ;
				line-height: 1.2;
				margin-bottom: 20px;
			}
			.announcement{
				padding: 50px 0;
			}
			.annou_card{
				margin-bottom: 30px;
			}
			.annou_card .card_title{
				font-size: 24px;
				padding: 15px 0;
			}
			.annou_card .card_body p{
				padding: 10px 0;
				font-size:16px;
			}
			.calender .title{
				margin: 30px 0;
			}
			.annual_cal_btn{
				font-size: 12px;
				padding:5px 10px;
				border-radius: 7px;
				margin-bottom: 20px;
			}
			.holiday{
				padding-left: 30px;
			}
			.holiday::before{
				width: 15px;
				height: 15px;
			}
			.cal_inner p{
				font-size: 14px;
				width: 100%;
				box-sizing: border-box;
			}
			.contact_us{
				padding: 20px 0;
			}
			.contact_us .title{
				color:#fff;
				margin: 20px 0;
			}
			.contact_us .title span{
				border-bottom-color: #fff;
			}
			
			.contact_inner{
				padding-top: 20px;
				flex-wrap: wrap;
			}
			.contact_inner img{
				width: 100%;
				margin: 0 auto;
				margin-bottom: 20px;
			}
			.map{
				padding: 0;
			}
			.map_inner{
				width: 100%;
			}
			.map iframe{
				height: 300px;
			}
			.address_left{
				width: 100%;
			}
			.address_left .left_inner img{
				width: 80px;
			}
			.address_left .left_inner p{
				padding: 0 10px;
				font-size: 14px;
				line-height: 1.2;
			}
			.address_left .left_txt{
				font-size: 14px;
			}
			.address_left .left_box{
				padding: 10px ;
			}
			.address_left .box_inner{
				width: 50%;
			}
			.address_left .box_caption{
				color:#FF5700;
				font-weight: 600;
			}
			.address_left ul li{
				font-weight: normal;
				font-size: 14px;
				padding-left: 15px;
				line-height: 1.7;
				margin-left: 7px;
			}
			.copyright{
				padding:17px 10px ;
				font-size: 12px;
			}
			.member_banner{
				padding-bottom: 40px;
			}
			.member_inner{
				width: 100%;
			}
			.meet_our_team{
				padding: 20px 0 40px 0;
			}
			.meet_our_team .title{
				margin: 30px 0;
			}
			.meet_our_team .mem_inner{
				width: 50%;
			}
			.meet_our_team .members{
				width: 100%;
				height: 300px;
				overflow: hidden;
			}
			.meet_our_team .mem_title{
				width: 80%;
				padding: 10px 5px;
				font-size: 12px;
			}
			.meet_our_team .members img{
				width: 100%;
				height: 300px;
				object-fit: cover;
			}
			.sz_inner .why_title{
				font-size: 24px;
				margin-top: 20px;
			}
			.sz_inner .txt{
				font-size: 16px;
				line-height: 1.5;
				margin: 10px 0;
			}
			.sz_inner .box{
				padding: 10px;
				border: 2px solid #FF4B00;
				font-size: 14px;
				line-height: 1.5;
				font-weight: normal;
				width: 100%;
			}

			.section_why_sz{
				padding-bottom: 40px;
			}

	}


	@media (max-width: 480px){

		.why_card img{
				width: 100%;
			}
			.meet_our_team .mem_inner{
				width:80%;
			}
			.meet_our_team .members{
				width: 100%;
				height: 300px;
				overflow: hidden;
			}
			.meet_our_team .mem_title{
				width: 80%;
				padding: 10px 5px;
				font-size: 12px;
			}
			.meet_our_team .members img{
				width: 100%;
				height: 300px;
				object-fit: cover;
			}

	}
/*======================End Responsive===============================*/


/*-------------------------End Employees interview---------------------------*/