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

/*-------------------Loading animation-----------------*/
	
	.loading_div{
		width: 100%;
		background-color: #eee;
		position: fixed;
		right: 0;
		z-index: 10;
	}
	.loading .top{
		height: 33vh;
		top: 0;
		animation: div .8s forwards;
		animation-delay: 6.1s;
	}
	.loading .mid{
		height: 66vh;
		top:33vh;
		animation: div .8s forwards;
		animation-delay: 6.3s;
	}
	.loading .bottom{
		height: 34vh;
		top: 66vh;
		animation: div .8s forwards;
		animation-delay: 6.5s;
	}
	.loading svg{
		z-index: 2;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) scale(.8);
		cursor: pointer;
		z-index: 11;
		width: 500px;
		height: 400px;
		animation: svg .2s forwards;
		animation-delay: 6s;
	}
	.loading .path0{
		stroke:#000;
		stroke-width:2px;
		fill: #eee;
		stroke-dasharray: 410;
		stroke-dashoffset:410;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path1{
		stroke:#000;
		stroke-width:2px;
		fill:  #eee;
		stroke-dasharray: 180;
		stroke-dashoffset: 180;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path2{
		stroke:#000;
		stroke-width:2px;
		fill:  #eee;
		stroke-dasharray: 60;
		stroke-dashoffset: 60;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path3{
		stroke:#000;
		stroke-width:2px;
		fill:  #eee;
		stroke-dasharray: 510;
		stroke-dashoffset: 510;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path4{
		stroke:#000;
		stroke-width:2px;
		fill:  #eee;
		stroke-dasharray: 282;
		stroke-dashoffset: 282;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path5{
		stroke:#000;
		stroke-width:2px;
		fill:  transparent;
		stroke-dasharray: 110;
		stroke-dashoffset: 110;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path6{
		stroke:#000;
		stroke-width:2px;
		fill:  #eee;
		stroke-dasharray: 240;
		stroke-dashoffset: 240;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path7{
		stroke:#000;
		stroke-width:2px;
		fill:  #eee;
		stroke-dasharray: 280;
		stroke-dashoffset: 280;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path8{
		stroke:#000;
		stroke-width:2px;
		fill:  transparent;
		stroke-dasharray: 50;
		stroke-dashoffset: 50;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path9{
		stroke:#000;
		stroke-width:2px;
		fill:  #eee;
		stroke-dasharray: 90;
		stroke-dashoffset: 90;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path10{
		stroke:#000;
		stroke-width:2px;
		fill:  #eee;
		stroke-dasharray: 400;
		stroke-dashoffset: 400;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .path11{
		stroke: #000;
		stroke-width:2px;
		fill: transparent;
		stroke-dasharray: 1780;
		stroke-dashoffset: 1780;
		animation: path 3s forwards;
		animation-delay: 1s;
	}
	.loading .g_b{
		fill:#eee;
		animation: g_b 2s forwards;
		animation-delay: 4s;
	}
	@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-----------------*/

/*-----------------top_page---------------------*/
	
	*{
		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;
	}
	.top_img{
		width: 40px;
		position: fixed;
		right: 10px;
		bottom: 10px;
		display: none;
	}
	.top_img img{
		width: 100%;
		opacity: .5;
		border-radius: 4px;
	}
	.top_img img:hover{
		opacity: 1;
	}
	nav{
		width: 100%;
	}
	.welcome{
		color:#000;
		font-size: 13px;
		padding: 5px 0;
		box-sizing: border-box;
		border-bottom: 6px solid #4A4A4A;
		width: 100%;
		margin: 0 auto;
	}
	.welcome p{
		max-width: 1100px;
		width: 90%;
		margin:0 auto;
	}
	.nav_inner{
		max-width: 1100px;
		width: 90%;
		margin: 0 auto;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		color:#fff;
	}
	.logo{
		width: 100px;
	}
	.con_top{
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.con_top span{
		background-color: #4A4A4A;
		padding: 0px 15px 3px 15px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		margin-left: 10px;
	}
	.con_top span a{
		color: #fff;
		text-decoration: none;
		font-size: 13px;
	}
	.con_bot{
		margin-top: 10px;
		float: right;
	}
	.banner{
		width: 100%;
	}
	.banner_mm ul li a{
		font-size: 15px !important;
		padding: 15px 0px !important;
	}
	.banner_mm .about_sub_menu_items{
		width: 250px !important;
	}
	.banner_mm .service_sub_menu_items{
		width: 100% !important;
	}
	.banner_jp .about_sub_menu_items{
		width: 100% !important;
	}
	.banner_jp .service_sub_menu_items{
		width: 100% !important;
	}
	.top_banner{
		height: 483px;
		background-image: url(img/banner.png);
		background-size: cover;
		background-position: center;
	}
	.top_banner .pc_menu{
		background: #00000077;
	}
	.top_banner .sub_menu_items{
		background-color: #00000077 ;
	}
	.pc_menu{
		background-color: #494949;
		z-index: 9;
		position: relative;
	}
	.pc_menu ul{
		max-width: 1100px;
		width: 100%;
		box-sizing: border-box;
		display: flex;
		margin: 0 auto;
	}
	.pc_menu li{
		list-style: none;
		width:calc(100%/6);
		text-align: center;
	}
	.pc_menu li:hover{
		background-color: #FF4B00;
	}
	.pc_menu li a{
		color:#fff;
		font-size: 16px;
		text-decoration: none;
		width: 100%;
		padding: 20px 0;
		display: inline-block;
	}
	.sub_menu{
		position: relative;
	}
	.sub_menu:hover>.sub_menu_items{
		height: auto;
		visibility: visible;
	}

	.sub_menu_items{
		position: absolute;
		background-color: #494949;
		bottom: 0;
		left: 0;
		transform: translateY(100%);
		display: flex;
		flex-direction: column;
		height: 0;
		visibility: hidden;
		
	}
	.about_sub_menu_items{
		width: 340px !important;
	}
	.service_sub_menu_items{
		width: 250px !important;
	}
	.sub_menu_items li{
		width: 100%;
		padding:0px 10px;
		text-align: left;
		box-sizing: border-box;
	}

	.about_sz{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding-bottom: 100px;
	}
	.title{
		font-size: 32px;
		color: #000;
		text-align: center;
		font-weight: 600;
		margin:30px 0;
	}
	.title span{
		border-bottom: 3px solid #000;
		padding-bottom: 5px;
	}
	.about_inner{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
		overflow-x: hidden;
	}
	.about_inner .inner_left{
		width: 59%;
	}
	.img_member{
		width: 100%;
		height: 320px;
		object-fit: cover;
		overflow: hidden;
	}
	.img_member img{
		width: 100%;
		height: 320px;
		object-fit: cover;
		transition: all .5s;
	}
	.img_member img:hover{
		width: 110%;
		height: 350px;
		transform: translate(-5%,-15px);
	}
	.about_inner .inner_right{
		width: 39%;
	}

	.title_02{
		font-weight: 600;
		font-size: 26px;
		padding: 30px 0;
	}
	.about_inner .inner_left p{
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.seemore{
		padding: 12px 32px;
		background-color: #2A2A2A;
		color: white;
		text-decoration: none;
		text-transform: uppercase;
	}
	.card{
		width: 100%;
		border: 2px solid #707070;
		box-sizing: border-box;
	}
	.card_01{
		margin-bottom: 50px;
	}
	.card_header{
		width: 100%;
		padding: 10px 18px;
		box-sizing: border-box;
		background-color: #000;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.card_img{
		width: 60px;
	}
	.card_title{
		font-size: 18px;
		text-transform: uppercase;
		color: white;
		width: 70%;
		display: block;
	}
	.card_body{
		width: 100%;
		padding: 40px;
		box-sizing: border-box;
	}
	.card_body p{
		font-size: 18px;
		line-height: 1.7;
	}
	.service{
		width: 100%;
		padding: 40px 0;
		background-color: #ECECEC;
	}
	.service_title{
		font-size: 32px;
		color: #000;
		text-align: center;
		font-weight: 600;
	}

	.service_title span{
		border-bottom: 3px solid #000;
	}
	.what_we_can_do{
		border:none !important;
		display: block;
		font-size: 20px;
		font-weight: 700;
	}
	.slider_wrap{
		padding: 40px 0;
		max-width: 1100px;
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.service_sp{
		width: 90%;
		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%;
	}
	.arrow_prev{
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.arrow_next{
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.service_slider{
		width: 90%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.service_slider .slider_item{
		width: 30%;
	}
	.slider_item img{
		width: 90%;
		margin: 0 auto;
	}
	.why_sz{
		width: 100%;
		padding: 100px 0 150px 0;
		background-image: url(img/ser-list1.png);
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
	}
	.why_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 70px 50px;
		box-sizing: border-box;
		background-color: #ffffffcc;
		text-align: center;
		position: relative;
	}
	.why_inner .title{
		font-size: 32px;
		border-bottom: 3px solid #000;
		padding-bottom: 5px ;
	}
	.why_inner p{
		margin-top: 50px;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.7;
	}
	.orange{
		color: #FF4B00;
	}
	.difference{
		width: 90%;
		margin: 40px auto;
		text-align: center;
		font-size: 26px;
		color: white;
		font-weight: bold;
	}
	.why_card{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		transform: translateY(-50%);
	}
	.why_card img{
		width: 30%;
		box-shadow: 0px 0px 5px gray;
		box-sizing: border-box;
	}
	.seemore_div{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		text-align: right;
		transform: translateY(-70px);
	}
	.achievement{
		width: 100%;
		padding:20px 0 80px 0;
		background-color: #F5F5F5;
	}
	.achieve_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.achieve_inner p{
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		line-height: 1.7;
		margin-bottom: 50px;
	}
	.achieve_card{
		width: 100%;
		padding: 30px 0;
		background-color: #fff;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		box-shadow: 10px 10px 20px lightgray;
		margin-bottom: 50px;
	}
	.achieve_card .card_left{
		width: 30%;
	}
	.achieve_card .card_right{
		width: 60%;
		font-size: 32px;
		font-weight: 600;
		text-align: left;
		line-height: 2;
		margin-bottom: 0;
	}
	
	.achievement .seemore{
		float:right;
	}
	.announcement{
		padding: 80px 0;
	}
	.annou_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.annou_card{
		border: 2px solid gray;
		margin-bottom: 50px;
	}
	.annou_card:last-child{
		margin-bottom: 0;
	}
	.annou_card .card_title{
		text-align: center;
		width: 100%;
		font-size: 30px;
		font-weight: bold;
		color:#000;
		padding: 18px 0;
		border-bottom: 2px solid gray;
		text-transform: none;
	}
	.annou_card .card_body{
		width: 100%;
		padding: 0;
	}
	.annou_card .card_row{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		border-bottom: 2px solid #fff;
	}
	.annou_card .bg_gray_pale{
		background-color: #ECECEC;
	}
	.annou_card .bg_gray{
		background-color: #F5F5F5;
	}
	.annou_card .card_body p{
		padding: 15px 0;
		font-size:18px;
		font-weight: 600;
	}
	.annou_card .card_date{
		width: 40%;
		text-align: center;
	}
	.annou_card .card_caption{
		width: 60%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.annou_card .card_caption p{
		text-align: left;
	}
	.calender{
		background-color: #ECECEC;
		padding: 20px 0 50px 0;
	}
	.cal_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.annual_cal_btn{
		background-color: #2A2A2A;
		font-size: 14px;
		padding:5px 18px;
		color:white;
		text-decoration: none;
		border-radius: 15px;
		float: right;
		transform: none;
		font-weight: 600;
		margin-bottom: 30px;
	}
	.cal_row{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		overflow-x: hidden;
	}
	.cal_row img{
		width: 48%;
	}
	.holiday{
		padding: 20px 0;
		position:relative;
		padding-left: 50px;
		
	}
	.holiday::before{
		content: "";
		position: absolute;
		width: 30px;
		height: 30px;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		border: 2px solid black;
		background-color: #FFC000;
	}
	.cal_inner p{
		font-size: 14px;
		font-weight: 600;
		width: 90%;
		max-width: 800px;
	}
	.contact_us{
		width:100%;
		padding: 20px 0 30px 0;
		background-image: url(img/img-1.png);
		background-size: cover;
	}
	.contact_us .title{
		color:#fff;
		margin:0 0 20px 0!important;
	}
	.contact_us .title span{
		border-bottom-color: #fff;
	}
	.contact_jp{
		font-size: 24px ;
		border:none !important;
		display: inline-block;
		padding-top: 20px !important;
	}
	.contact_mm{
		font-size: 24px ;
		border:none !important;
		display: inline-block;
		padding-top: 20px !important;
	}
	.contact_inner{
		width: 90%;
		max-width: 900px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 20px;
	}
	.contact_inner a{
		width: 48%;
	}
	.contact_inner img{
		width: 100%;
	}
	.map{
		width: 100%;
		border-bottom: 7px solid black;
	}
	.map_inner{
		width: 100%;
		max-width: 1100px;
		margin: 30px auto;

	}
	.map iframe{
		width: 100%;
		height: 500px;
		margin-bottom: -8px;
	}
	.address{
		width: 100%;
		padding: 40px 0;
	}
	.address_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.address_left{
		width: 60%;
	}
	.address_right{
		width: 35%;
	}
	.address_right iframe{
		width: 100%;
	}
	.address_left .left_inner{
		display: flex;
		align-items: center;
	}
	.address_left .left_inner p{
		padding: 0 20px;
		box-sizing: border-box;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.5;
	}
	.address_left .left_txt{
		font-size: 15px;
		font-weight: 600;
		margin: 20px 0;
		line-height: 1.5;
	}
	.address_left .left_box{
		width: 100%;
		padding: 20px 30px;
		box-sizing: border-box;
		background-color: #F0F0F0;
		display: flex;
		justify-content: space-between;
	}
	.address_left .box_inner{
		width: 49%;
	}
	.address_left .box_caption{
		padding: 0;
		margin: 0;
	}
	.address_left .box_caption a{
		color:#FF5700;
	}
	.address_left .box_caption::before{
		content: none;
	}
	.address_left ul li a{
		text-decoration: none;
		color:#000;
	}
	.address_left ul li{
		font-weight: bold;
		font-size: 15px;
		list-style: none;
		padding-left: 15px;
		line-height: 1.7;
		position: relative;
		margin-left: 10px;
	}
	.address_left ul li::before{
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 7px;
		height: 7px;
		border-left: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.copyright{
		width: 100%;
		padding: 20px 10px;
		box-sizing: border-box;
		background-color: black;
		color: white;
		font-size: 12px;
		text-align: center;
	}
/*---------------end Top Page-------------------*/

/*-------------------member_introduction--------------------*/
	.member_banner{
		width: 100%;
		padding-bottom: 80px;
	}
	.member_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	
	.member_inner img{
		width: 100%;
	}
	.member_inner p{
		padding: 10px 0;
		margin-bottom: 30px;
		font-weight: 600;
		font-size: 14px;
	}
	.meet_our_team{
		width: 100%;
		padding: 20px 0 80px 0;
		background-color: #F5F5F5;
	}
	.meet_our_team .member_div{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 50px;
	}
	.meet_our_team .mem_inner{
		width: 25%;
		padding:0 10px;
		box-sizing: border-box;
		position: relative;
		margin-bottom: 100px;
	}
	.meet_our_team .members{
		width: 100%;
		height: 350px;
		overflow: hidden;
	}
	.meet_our_team .mem_title{
		position: absolute;
		width: 80%;
		background-color: white;
		padding: 20px 10px;
		box-sizing: border-box;
		left: 50%;
		bottom: 0;
		transform: translate(-50%,50%);
		z-index: 2;
		font-size: 14px;
		box-shadow: 0px 5px 5px #e7e7e7;
		font-weight: bold;
		line-height: 1.3;
		color:#565656;;
	}
	.meet_our_team .mem_title .orange{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.meet_our_team .jp_member_div .mem_title .orange{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.meet_our_team .members img{
		width: 100%;
		height: 350px;
		object-fit: cover;
	}


/*-----------------end member_introduction-------------------*/

/*--------------------Why SZ--------------------------*/
	.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;
	}
	.major_differnce{
		width: 100%;
		padding: 50px 0 80px 0;
		background-color: #F5F5F5;
	}
	.major_title{
		text-align: center;
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 50px;
	}
	.diff_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.five_major{
		width: 100%;
		display: flex;
		text-align: center;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.five_major .major_item{
		width: 18%;
	}
	.five_major .major_item img{
		width: 100%;
		box-shadow: 5px 5px 10px #80808045;
	}
	.five_major_02{
		width: 100%;
		display: flex;
		text-align: center;
		justify-content: space-between;
		background-color: #fff;
		padding: 20px;
		box-sizing: border-box;
		margin-top: 30px;
		box-shadow: 5px 5px 10px #80808045;
	}
	.major_no{
		width: 10%;
		box-sizing: border-box;
		text-align: center;
		font-size: 60px;
		font-weight: 600;
		color: #FF4B00;
	}
	.major_txt{
		width: 90%;
		font-size: 16px;
		text-align: left;
		padding:0 20px ;
		box-sizing: border-box;
	}
	.major_caption{
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.table_section{
		width: 100%;
		padding: 80px 0;
	}
	.table_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.zoomHolder{
	    width:100%;
		height:auto;
		position:relative;
		overflow:hidden
	}
	.zoomHolder img{
		width: 100%;
	}
	.table_comparison_txt{
		font-size: 30px;
		margin-bottom: 20px;
		color:#FF4B00;
		font-weight: 600;
	}
/*------------------End Why SZ--------------------------*/

/*----------------------Achievement-------------------------*/
	.section_achievement{
		width: 100%;
		padding-bottom: 30px;
	}
	.achie_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		font-family: arial
	}
	.achie_title{
		font-size: 30px;
		font-weight: 600;
		color: #FF4B00;
	}
	.achie_inner img{
		width: 100%;
		margin: 30px 0;
	}
	.achie_inner .first{
		font-weight: bold;
		font-size: 18px;
		padding: 0;
		margin-bottom: 10px;
	}
	.achie_inner .first::before{
		content: none;
	}
	.achie_inner ul li{
		font-size: 16px;
		line-height: 2;
		position: relative;
		padding-left: 30px;
		list-style: none;
	}
	.achie_inner ul li::before{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%) rotate(-45deg);
		width: 12px;
		height: 7px;
		border-left: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.annual_sale{
		width: 100%;
		padding: 50px 0;
		background-color: #F6F6F6;
	}
	.annual_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.annual_inner .inner_left{
		width: 55%;
	}
	.annual_inner .inner_left .txt{
		margin: 15px 0; 
		font-size: 14px;
	}
	.annual_inner .inner_right{
		width: 40%;
	}
	.annual_inner .inner_right img{
		width: 100%;
	}
	.annual_inner .annual_title{
		font-size: 18px;
		font-weight: 600;
		line-height: 1.7;
	}
	.annual_inner a{
		padding: 7px 20px;
		background-color: #FF4B00;
		font-size: 14px;
		color: #fff;
		margin-top: 20px;
		text-decoration: none;
		position: relative;
		padding-left: 40px;
	}
	.pc_hira_seemore{
		display: inline;
	}
	.annual_inner a::before{
		content: url('img/arrow.png');
		position: absolute;
		left:20px;
		top: 55%;
		transform: translateY(-50%);
		
	}
	.website_achievement{
		width: 100%;
		padding: 20px 0 50px 0;
	}
	.web_inner{
		max-width: 350px;
		width: 90%;
		box-shadow: 0 0 5px gray;
		margin: 0 auto;
	}
	.web_inner img{
		width: 100%;
		padding:30px 40px;
		box-sizing: border-box;
		background-color: #F2F2F2;
		border-bottom: 4px solid #FF4B00;
	}
	.web_inner .txt{
		width: 100%;
		padding:10px 10px 20px 10px;
		box-sizing: border-box;
		text-align: center;
	}
	.web_inner .home_center{
		color: #FF4B00;
		font-size: 20px;
		font-weight: 600;
	}
	.web_inner .company{
		font-size: 18px;
		font-weight: bold;
		margin: 10px 0 10px 0;
	}
	.web_inner .img_btn{
		padding: 0;
	}
	.web_inner .img_btn::before{
		content: none;
	}
	.web_inner a{
		padding: 10px 20px;
		background-color: #FF4B00;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		position: relative;
		padding-left: 40px;
	}
	.web_inner a::before{
		content: url('img/arrow.png');
		position: absolute;
		left:20px;
		top: 55%;
		transform: translateY(-50%);
	}
/*------------------------End Achievement-------------------------*/

/*-------------------------Hirakishoji---------------------------*/
	.hira_challenge {
		width: 100%;
	}
	.hira_challenge .challenge_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	.hira_challenge .chall_txt{
		font-size: 20px;
		font-weight: 600;
		line-height: 1.7;
		width: 100%;
		max-width: 800px;
	}
	.hira_challenge .chall_box{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin: 30px 0;
		flex-wrap: wrap;
	}
	.hira_challenge .chall_box .box_left{
		width: 50%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.hira_challenge .chall_box .box_left img{
		width: 125px;
		margin-right: 30px;
	}
	.hira_challenge .chall_box .box_left p{
		line-height: 1.7;
		font-size: 14px;
	}
	.hira_challenge .chall_box .box_left_inner{
		width: 100%;
		margin-top: 30px;
	}
	.hira_challenge .chall_box .chall_caption{
		font-size: 30px !important;
		color:#FF4B00;
		font-weight: 600;
	}
	.hira_challenge .chall_box .box_right{
		width: 35%;
	}
	.hira_challenge .chall_box .box_right img{
		width: 100%;
	}
	.hira_accompalish {
		width: 100%;
		background-color: #F5F5F5;
	}
	.hira_accompalish .accom_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 80px 0;
	}
	.hira_accompalish .accom_title{
		font-size: 30px;
		color: #FF4B00;
		font-weight: 600;
	}
	.hira_accompalish .accom_box{
		margin-top: 20px;
		font-size: 14px;
		line-height: 1.7;
	}
	.hira_accompalish .accom_box .box_caption{
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 10px;
		line-height: 1.7;
	}
/*----------------------End Hirakishoji---------------------------*/

/*-------------------------Hirose---------------------------*/
	.hirose{
		width: 100%;
	}
	.hirose_challenge{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.hirose .challenge_inner{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.hirose .left{
		width: 12%
	}
	.hirose .left img{
		width: 100%;
	}
	.hirose .mid{
		width: 63%;
	}
	.hirose .right{
		width: 25%;
	}
	.hirose .right img{
		width: 100%;
	}
	.hirose .mid_inner{
		width: 80%;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 14px;
	}
	.hirose .challenge_inner_2 .chall_caption{
		font-size: 30px !important;
		color:#FF4B00;
		font-weight: 600;
	}
	.hirose_accompalish {
		width: 100%;
		background-color: #F5F5F5;
	}
	.hirose_accompalish .accom_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 80px 0;
	}
	.hirose_accompalish .accom_title{
		font-size: 30px;
		color: #FF4B00;
		font-weight: 600;
	}
	.hirose_accompalish .accom_box{
		margin-top: 20px;
		font-size: 14px;
		line-height: 1.7;
	}
	.hirose_accompalish .accom_box .box_caption{
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 10px;
		line-height: 1.7;
	}
	.hirose_cus_voice{
		width: 100%;
	}
	.voice_inner{
		width: 1100px;
		max-width: 90%;
		margin: 0 auto;
		padding: 50px 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.voice_inner .inner_left{
		width: 60%;
	}
	.voice_inner .inner_right{
		width: 30%;
	}
	.voice_inner .inner_right img{
		max-width: 400px;
		width: 100%;
	}
	.voice_inner .voice_title {
		font-size: 30px;
		color: #FF4B00;
		font-weight: 600;
	}
	.voice_inner .voice_company {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 10px;
		line-height: 1.7;
	}
/*----------------------End Hirose---------------------------*/

/*-------------------------privacy---------------------------*/

.privacy{
	width: 100%;
}
.privacy_challenge{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.privacy h1{
	text-align: center;
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 40px;
	font-weight: bold;
}
.privacy .pv_list {
	list-style: decimal;
	margin-left: 1rem;
}
.privacy .pv_list li {
	font-size: 16px;
	list-style-type: decimal;
	margin-left: 1em;
	padding-left: 0.5em;
	margin-bottom: 10px;
	line-height: 2;
	letter-spacing: 1px;
}
.pv_title_02 {
    font-size: 26px;
    font-weight: 700;
	text-align: center;
    margin-bottom: 15px;
    margin-top: 40px;
}
.pv_text {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1px;
}
.pv_title_03 {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 40px
}
.pv_title_04 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 15px;
}
.privacy .pv_list2 {
	margin-left: 2rem;
	margin-bottom: 2rem;
}
.privacy .pv_list2 li {
	font-size: 16px;
	list-style-type: decimal;
	margin-left: 2em;
	line-height: 2;
	letter-spacing: 1px;
}
.pv_address {
	margin-left: 1rem;
	line-height: 2;
}
.p_no{
	position: relative;
	padding-left: 2em;
}
.p_no span{
	position: absolute;
	left: 0;
}

/*----------------------End privacy---------------------------*/


/*--------------------------Translation-----------------------------*/
	.translation{
		width: 100%;
	}
	.trans_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	.trans_title{
		font-size: 30px;
		line-height: 1.5;
		font-weight: 600;
	}
	.translation_02{
		width: 100%;
		background-color: #F6F6F6;
	}
	.trans_2_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 50px  0;
	}
	.trans_2_inner p{
		margin-bottom: 30px;
		font-size: 14px;
		font-weight: 600;
	}
	.trans_2_inner .table{
		width: 100%;
		margin-bottom: 10px;
	}
	.trans_2_inner table{
		width: 100%;
	}
	.trans_2_inner table th{
		background-color: #000;
		color:white;
		font-size: 15px;
		padding: 12px 0;
		width: 20%;
		font-weight: normal;
	}
	.trans_2_inner table td{
		font-size: 14px;
		background-color: #fff;
		padding:8px;
		box-sizing: border-box;
		width: 20%;
		font-weight: 500;
	}
	.trans_2_inner .red{
		color:red;
		font-weight: normal;
	}
	.mobile_table{
		border:1px solid lightgray;
	}
	.bg_gray{
		background-color:#F6F6F6 !important;
	}
	.bg_gray td{
		background-color: #f6f6f6 !important;
	}
	.fwnormal{
		font-weight: normal !important;
	}
/*-------------------------End Translation-----------------------------*/

/*---------------------------Website Production----------------------*/
	.web_production{
		width: 100%;
	}
	.web_production .prod_inner{
		width: 90%;
		max-width: 1100px;
		margin:0 auto;
	}
	.web_production .prod_title{
		font-size: 30px;
		line-height: 1.5;
		font-weight: 600;
		margin-bottom: 40px;
	}
	.web_production_02{
		width: 100%;
		background-color: #F6F6F6;
	}
	.web_production_02 .prod_inner{
		width: 90%;
		max-width: 1100px;
		margin:0 auto;
		padding: 50px  0;
		font-size: 14px;
	}
	.web_production_02 .prod_title{
		font-size: 20px;
		font-family: airal;
	}
	.web_production_02 .prod_title:first-child{
		font-weight: 600;
	}
	.web_production_02 p{
		margin-bottom: 15px;
		line-height: 1.5;
	}
	.web_production_02 table{
		width: 100%;
		margin-bottom: 70px;
	}
	.web_production_02 table th{
		background-color: #000;
		padding: 15px 0;
		color:#fff;
		font-weight: normal;
		width: 50%;
	}
	.web_production_02 table td{
		padding: 15px 10px;
		box-sizing: border-box;
		background-color: #fff;
	}
	.web_production_02 .red{
		color:red;
	}
/*-------------------------End Website Production----------------------*/

/*---------------------------Product Registration------------------------*/
	.prod_regist{
		width: 100%;
	}
	.prod_regist .regist_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.prod_regist .regist_title{
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 40px;
		line-height: 1.5;
	}
	.prod_regist_02{
		width: 100%;
		background-color: #F6F6F6;
	}
	.prod_regist_02 .regist_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 50px 0;
	}
	.prod_regist_02 .regist_inner p{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.prod_regist_02 .regist_inner .regist_title{
		font-size: 20px;
		font-weight: 600;
		padding-top: 10px;
	}
	.prod_regist_02 table{
		width: 100%;
		margin: 20px 0;
	}
	.prod_regist_02 table th{
		background-color: #000;
		padding: 12px 0;
		color:#fff;
		font-weight: normal;
		width: 50%;
	}
	.prod_regist_02 table td{
		background-color: #fff;
		padding: 12px;
		box-sizing: border-box;
		font-weight: 600;
	}
	.prod_regist_02 .red{
		color:red;
	}
/*-------------------------End Product Registration------------------------*/

/*---------------------------Image Design------------------------------*/
	.img_design{
		width: 100%;
	}
	.img_design .design_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.img_design .design_title{
		font-size: 30px;
		font-weight: 600;
		margin-bottom: 40px;
		line-height: 1.5;
	}
	.img_design_02{
		width: 100%;
		background-color: #F6F6F6;
	}
	.img_design_02 .design_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
		padding: 50px  0;
	}
	.img_design_02 p{
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 1.5;
	}
	.img_design_02 .table{
		width: 100%;
		overflow-x: hidden;
		padding: 0;
	}
	.img_design_02 table{
		margin-bottom: 40px;
		width: 100%;
	}
	.img_design_02 table th{
		background-color: #000;
		color: #fff;
		padding: 15px 0;
		font-weight: normal;
		width: 20%;
	}
	.img_design_02 .banner_service_table th{
		width: 16%;
	}
	.img_design_02 .banner_service_table th:last-child{
		width: 36%;
	}
	.img_design_02 .other_service_table th{
		width: 20%;
	}
	.img_design_02 .other_service_table th:last-child{
		width: 60%;
	}
	.img_design_02 table td{
		padding: 12px;
		box-sizing: border-box;
		background-color: #fff;
		font-size: 14px;
	}
	.img_design_02 .red{
		color:red;
		font-weight: 600;
	}
	.img_design_02 .design_title{
		font-size: 20px;
		font-weight: 600;
		padding-top: 20px;
	}
	.image_cutout .image_price{
		padding: 10px 20px;
		box-sizing: border-box;
		background-color: #ddd;
		text-align: center;
	}
	.image_price p{
		margin-bottom: 0 !important;
	}
	.image_cutout{
		overflow-x: auto;
	}
	.image_cutout img{
		margin:0 auto;
		display: block;
		margin-bottom: 20px;
	}
	.image_cutout td a{
		display: block;
		background-color: #FF4B00;
		color:#fff;
		padding:7px 15px;
		text-align: center;
		text-decoration: none;
	}
	.image_cutout td a:hover{
		background-color: #FF4B00bb;
		text-decoration: underline;
	}
	.image_cutout tfoot tr td{
		background-color: #ddd;
	}
	.image_cutout tfoot p{
		margin-bottom: 0;
	}
/*-------------------------End Image Design------------------------------*/

/*----------------------------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;
	}
/*--------------------------End service_list-----------------------------*/

/*-------------------------Contact_01----------------------------*/
	.register_01{
		width: 100%;
	}
	.register_01 .regi_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.register_01 .regi_title{
		font-size: 30px;
		line-height: 1.5;
   	 	font-weight: 600;
	}
	.by_phone,.by_email{
		width: 100%;
	}
	.phone_inner,.email_inner{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.phone_title, .email_title{
		font-size: 18px;
		line-height: 40px;
		background-color: #000000;
		color:white;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.phone_inner_02{
		width: 92%;
		margin:30px auto 10px;
		box-sizing: border-box;
		height: 200px;
		display: flex;
		align-items: center;
		background-image: url(img/contact-bg.png);
		background-repeat: no-repeat;
		background-position: right;
	}
	.phone_inner_02 img{
		width: 100%;
		max-width: 550px;
	}
	.by_email{
		padding-bottom: 20px;
	}
	.email_inner_02{
		width:100%;
		margin: 0 auto;
	}
	.email_inner_02 img{
		width: 100%;
	}
	.email_inner_02 table{
		width: 100%;
	}
	.email_inner_02 table tr td{
		background-color: #ddd;
		padding: 15px 10px;
		border-right:5px solid white;
		border-top:5px solid white;
		box-sizing: border-box;
		font-size: 14px;
	}
	.email_inner_02 table tr td:last-child{
		border-right: none;
	}
	.email_inner_02 .img_td{
		padding: 0;
		background-color: white;
	}
	.email_inner_02 .td_right{
		width: 30%;
		padding: 0 20px;
		box-sizing: border-box;
		font-weight: 600;
		display: table-cell !important;
	}
	.email_inner_02 .required{
		color:red;
		margin-left: 20px;
	}
	.w-10{
		width: 100%;
		padding: 7px 10px;
		box-sizing: border-box;
	}
	.email_inner_02 label{
		margin-right: 20px;
	}
	#send{
		display: block;
		margin: 20px auto;
		padding: 13px 30px;
		font-size: 15px;
		color: white;
		background-color: #000;
		cursor: pointer;
		border:none;
	}
	.btn_div{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.btn_div .btn{
		padding: 7px 40px;
		font-size: 15px;
		color: white;
		background-color: #000;
		margin: 30px 20px;
		box-sizing: border-box;
		border:1px solid #000;
		cursor: pointer;
		text-decoration:none;
	}
	.btn_div .btn:hover{
		background-color: transparent;
		color:#000;
	}
	#search-code{
		padding: 7px 0;
		cursor: pointer;
	}
	#postal{
		padding: 7px 0;
		margin-bottom: 10px;
	}
	.grid-sp{
		display:inline-block ;
	}
/*----------------------End Contact_01----------------------------*/

/*------------------------Company Profile------------------------*/
	.company_profile{
		width: 100%;
	}
	.profile_inner{
		width: 95%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.profile_title{
		font-weight: 600;
		line-height: 1.7;
		font-size: 30px;
	}
	.company_profile table{
		width: 100%;
	}
	.company_profile table iframe{
		width: 100%;
	}
	.company_profile table tr td{
		background-color: #E7E7E7;
		padding:12px 10px;
		box-sizing: border-box;
		font-size: 15px;
	}
	.company_profile table tr .td_left{
		display: table-cell;
		font-weight: 600;
		width: 30%;
	}
	.company_profile .title_mobile{
		font-weight: 600;
		border-bottom: 1px solid lightgray;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.gp_company_intro{
		width: 100%;
		padding: 40px 0;
	}
	.gp_inner{
		width: 95%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.gp_company_intro .gp_title{
		font-size: 30px;
		font-weight: 600;
	}
	.gp_company_intro .companies{
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding-top: 50px;
		flex-wrap: wrap;
	}
	.gp_company_intro .company_left{
		width: 27%;
		font-size: 20px;
		font-weight: 600;
	}
	.gp_company_intro .company_right{
		width: 70%;
		font-size: 15px;
		line-height: 2;
	}
	.gp_company_intro .company_left img{
		width: 200px;
		display: block;
		margin:0 auto;
		margin-bottom: 20px;
	}
	.gp_company_intro .company_left a{
		font-size: 14px;
		font-weight: 500;
		text-decoration: none;
		color:#FF5700;
		display: block;
		margin-top: 10px;
	}
	.gp_company_intro .company_left a:hover{
		text-decoration: underline;
	}
/*----------------------End Company Profile------------------------*/

/*--------------------------Recruitment -------------------------*/
	.recruit_section{
		width: 100%;
	}
	.recruit{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.recruit_txt{
				text-align: center;
			    margin: 20px auto;
			    font-size: 20px;
			    max-width: 700px;
			    width: 95%;
			    line-height: 1.5;
			    font-weight: 700;
			}
	.recruit_title{
		font-size: 30px;
		text-align: center;
		font-weight: 600;
		margin: 40px 0;
	}
	.recruit_title_02{
		font-size: 45px;
		font-weight: 600;
		text-align: center;
	}
	.emp_type{
		margin: 40px auto;
		width: 100%;
		max-width: 850px;
		display: flex;
		align-items:center;
		justify-content: space-between;
	}
	.emp_type .permanent,.emp_type .parttime{
		padding: 20px;
		box-sizing: border-box;
		font-weight: 600;
		color: black;
		border:2px solid #000;
		text-decoration: none;
		text-align: center;
	}
	.emp_type .permanent{
		font-size: 30px;
		width: 58%;
	}
	.emp_type .parttime{
		font-size: 30px;
		width: 39%;
	}
	.permanent_section,.parttime_section{
		width: 100%;
		padding: 40px 0;
	}
	.permanent_inner,.parttime_inner{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.permanent_inner p,.parttime_inner p{

		line-height: 1.7;
	}
	.perm_title,.part_title{
		font-size: 30px;
		font-weight: 600;
	}
	.perm_card{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.perm_card .card_inner{
		width: 47%;
	}
	.perm_card .card_title{
		font-size: 20px;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		background-color: #000;
		margin:30px 0;
		text-align: center;
		text-transform: none;
	}
	.perm_card ul li,.parttime_card .card_inner ul li{
		list-style: none;
		padding-left: 20px;
		font-size: 15px;
		line-height: 1.7;
		position: relative;
	}
	.perm_card ul li:before,.parttime_card .card_inner ul li:before{
		content: "";
		width: 10px;
		height: 5px;
		border-bottom: 2px solid #FF4B00;
		border-left: 2px solid #FF4B00;
		transform: rotate(-45deg) translateY(-100%);
		position: absolute;
		left: 5px;
		top:50%;

	}
	.perm_card ul li:first-child,.parttime_card .card_inner ul li:first-child{
		padding-left: 0;
		color: #FF4B00;
		text-decoration: underline;
	}
	.perm_card ul li:first-child:before,.parttime_card .card_inner ul li:first-child:before{
		content: none;
	}
	.jobcontent{
		color: #FF4B00;
		text-decoration: underline;
	}
	.lvl_card{
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}
	.lvl_card_inner{
		width: 30%;
		margin: 30px 0;
	}
	.lvl_title{
		background-color: #EBEBEB;
		padding:10px 20px;
		box-sizing: border-box;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.lvl_body{
		background-color: #F7F7F7;
		padding: 20px;
		box-sizing: border-box;
		font-size: 16px;
	}
	.office_rule{
		width: 100%;
		border-collapse: collapse;
		margin:30px 0;
	}
	.office_rule tr{
		line-height: 2.5;
		font-size: 15px;
		width: 100%;
		border-bottom: 1px solid lightgray;
	}
	.office_rule tr:first-child{
		border-top: 1px solid lightgray;
	}
	.office_rule th{
		width: 18%;
		text-align: left;
		min-width: 130px;
	}
	.preference{
		margin: 30px 0;
		width: 100%;
		max-width: 600px;
	}
	.preference tr{
		line-height: 1.7;
	}
	.preference tr td{
		font-size: 15px;
		padding-left: 20px;
		position: relative;
	}
	.preference tr td:before{
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: #E8542B;
	}
	.parttime_card{
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		margin:30px 0;
		flex-wrap: wrap;
	}
	.parttime_card .card_inner{
		width: 47%;
	}
	.parttime_card .card_inner:first-child{
		background-color: #000;
		color:#fff;
		font-size: 26px;
		padding: 10px 20px;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
/*------------------------End Recruitment -------------------------*/

/*-------------------------Recruitment---------------------------*/
	.recruit_banner{
		width: 100%;
	}
	.recuit_banner_inner{
		width: 100%;
	}
	.recruit_banner .bread_crumb{
		width: 90%;
		max-width: 1100px !important;
		margin: 0 auto !important;
	}
	.recruit_banner img{
		width: 100%;
	}
	.recruit_banner .banner_txt{
		text-align: center;
		font-weight: bold;
		font-size: 24px;
		padding: 15px 0;

	}
	.recruit_system{
		width: 100%;
		background-color: #ECECEC;
	}
	.recruit_system_inner {
		width: 90%;
		max-width: 900px;
		margin:0 auto;
		padding: 20px 0;
	}
	.recruit_system .title{
		font-size: 34px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
	.recruit_system .recruit_txt{
		font-size: 18px;
		text-align: center;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	.recruit_system .full_part{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.recruit_system .full_part_item{
		width: 45%;
		padding: 15px 5px;
		box-sizing: border-box;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		box-shadow: 0px 0px 8px silver;
		background-color: #fff;
		color: #000;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.recruit_system .active{
		background-color: #FF4B00;
		color: #fff;
	}
	.recruit_system .full_part_div{
		width: 100%;
		padding: 20px 40px;
		box-sizing: border-box;
		background-color: #fff;
		box-shadow: 0px 0px 8px silver;
		margin-bottom: 30px;
	}
	.recruit_system .part_time_inner{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		line-height: 1.7;
		flex-wrap: wrap;
	}
	.recruit_system .part_time .left{
		width: 45%
	}
	.recruit_system .part_time .right{
		width: 45%
	}
	.recruit_system .trial{
		font-size: 14px;
		color:#FF4B00;
	}
	.recruit_system .full_time{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		text-align: left;
		line-height: 1.7;
		flex-wrap: wrap;
	}
	.recruit_system .full_time .left{
		width: 45%
	}
	.recruit_system .full_time .right{
		width: 45%
	}
	.recruit_system .part_time{
		display: none;
	}
	.recruit_system .full_part_div .title{
		font-size: 20px;
		font-weight: 500;
		text-align: left;
		margin:0 0 10px 0;
	}
	.recruit_system .full_part_div .requirement{
		color: #FF4B00;
		font-size: 14px;
		text-decoration: underline;
	}
	.recruit_system .full_part_div .job_content{
		color: #FF4B00;
		font-size: 14px;
		text-decoration: underline;
		margin-top: 10px;
	}
	.recruit_system .full_part_div .job_content_item{
		font-size: 14px;
		position: relative;
	}
	.recruit_system .full_part_div .requirement_item{
		font-size: 14px;
		position: relative;
		padding-left: 25px;
	}
	.recruit_system .requirement_item:before{
		content: "";
		width: 12px;
		height: 5px;
		border-left: 3px solid #FF4B00;
		border-bottom: 3px solid #FF4B00;
		left:7px;
		top:50%;
		position: absolute;
		transform: rotate(-45deg) translateY(-100%);
	}
	.recruit_system .seemore{
		width: 100%;
		background-color: white;
		padding: 0;
	}
	.recruit_system .seemore a{
		padding: 5px 20px;
		background-color: #2A2A2A;
		color:#fff;
		font-size: 14px;
		float: right;
		text-decoration: none;
	}
	.employee_interview{
		width: 100%;
		padding: 30px 0px;
		background-color: #fff;
	}
	.interview_inner{
		width: 90%;
		max-width: 1100px;
		margin:0 auto;
	}
	.interview_inner .txt{
		width: 90%;
		max-width: 700px;
		font-size: 18px;
		text-align: center;
		margin:0 auto;
		line-height: 1.7;
	}
	.employeess{
		width: 100%;
		display: flex;
		justify-content: space-between;
		list-style: none;
		flex-wrap: wrap;
		margin-top: 30px;
		align-items:stretch;
	}
	.employeess li{
		width: 22%;
		border: 2px solid gray;
		position: relative;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.employeess li a{
		text-decoration: none;
	}
	.employeess li a:hover{
		opacity: .6;
	}
	.employeess li:nth-child(2) img{
		object-position: top;
	}
	.employeess li img{
		width: 100%;
		height: 210px;
		object-fit: cover;
	}
	.employeess li:hover .name{
		width: calc(100% + 10px);
	}
	.employeess li .name{
		width: 85%;
		padding: 10px 5px;
		box-sizing: border-box;
		color:white;
		background-color: #4A4A4A;
		text-align: center;
		transform: translateY(-55%) translateX(-10px);
		position: relative;
		transition: .5s all ease-in;
	}
	.employeess li .name:before{
		content: "";
		width: 10px;
		height: 8px;
		left: 0px;
		top: 100%;
		background-color: #4A4A4A;
		position: absolute;
		clip-path: polygon(100% 0, 0 0, 100% 100%);
	}
	.employeess li .detail{
		padding: 0 10px;
		color:#000;
		font-size: 13px;
		transform: translateY(-10px);
		line-height: 1.3;
	}
	.employeess .more{
		color:#FF4B00;
		font-weight: bold;
		font-size: 15px;
		padding:0 10px 10px 10px;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	.current_job{
		width: 100%;
	}
	.current_job_inner{
		width: 90%;
		max-width: 1000px;
		margin:0 auto;
	}
	.current_job .title{
		margin-top: 0;
	}
	.current_job table{
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 80px;
		border-bottom: 1px solid #000;
	}
	.current_job table tr:first-child td{
		font-size: 20px;
	}
	.current_job table tr td{
		border: 1px solid grey;
		padding:18px 40px;
	}
	.current_job table tr:nth-child(2){
		background-color: #ECECEC;
	}
	.current_job table tr td a{
		text-decoration: none;
		color: #000;
	}
/*-------------------------End Recruitment---------------------------*/


/*========================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);
		}

	    /*-------------------Navigation--------------------------*/
			.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;
			}
	    /*-------------------Navigation--------------------------*/

	    /*-----------------------Index.html-----------------------*/
	    	.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;
			}
			.major_differnce{
				padding: 20px 0 40px 0;
			}
			.major_title{
				font-size: 22px;
				margin-bottom: 30px;
			}
			.five_major{
				flex-wrap: wrap;
				margin-bottom: 0;
			}
			.five_major .major_item{
				width: 30%;
				margin: 0 auto;
				margin-bottom: 30px;
			}
			.five_major .major_item{
				width: 100%;
				text-align: left;
				font-size:13px;
			}
			
			.five_major .major_item img{
				width:70%;
				max-width: 250px;
				display: block !important;
			    margin: 0 auto !important;
			    margin-bottom: 20px !important;
			}
			.five_major_02{
				display: none;
			}
			.major_item .major_caption{
				margin:10px 0;
				font-size: 14px;
			}
			.table_section{
				padding: 40px 0;
			}
			.table_comparison_txt{
				font-size: 23px;
				text-align: center;
			}
			.table_inner{
				width: 100%;
			}
			.annual_inner{
				flex-wrap: wrap;
			}
			.annual_inner .inner_left{
				width: 100%;
			}
			.annual_inner .inner_left .txt{
				margin: 15px 0; 
				font-size: 14px;
			}
			.annual_inner .inner_right{
				width: 100%;
			}
			.annual_inner .annual_title{
				font-size: 16px;
				line-height: 1.5;
			}
			.pc_hira_seemore{
				display: none;
			}
			.annual_inner .inner_right a{
				display: inline-block;
				margin-top: 30px;
			}
			.achie_title{
				font-size: 23px;
				margin: 10px 0;
			}
			.achie_inner img{
				margin: 0;
			}
			.achie_inner ul li{
				font-size: 14px;
				line-height: 1.7;
				padding-left: 0;
			}
			.achie_inner ul li::before{
				content: none;
			}
			.section_achievement{
				padding-bottom: 10px;
			}
	    /*----------------------End Index.html-----------------------*/	

	   	/*--------------------Hirakishoji.html-----------------------*/
	   		.hira_challenge .challenge_inner{
	   			padding-bottom: 20px;
	   		}
			.hira_challenge .chall_txt{
				font-size: 16px;
				line-height: 1.5;
				margin-top: 30px;
			}
			.hira_challenge .chall_box .box_left{
				width: 100%;
			}
			.hira_challenge .chall_box .box_left img{
				width: 100px;
				margin-right: 10px;
			}
			.hira_challenge .chall_box .box_left p{
				line-height: 1.5;
				font-size: 14px;
			}
			.hira_challenge .chall_box .box_left_inner{
				width: 100%;
				margin-top: 30px;
			}
			.hira_challenge .chall_box .chall_caption{
				font-size: 23px !important;
			}
			.hira_challenge .chall_box .box_right{
				width: 100%;
				margin-top: 20px;
			}
			.hira_accompalish .accom_inner{
				padding: 40px 0;
			}
			.hira_accompalish .accom_title{
				font-size: 23px;
			}
			.hira_accompalish .accom_box{
				margin-top: 20px;
				font-size: 14px;
				line-height: 1.7;
			}
			.hira_accompalish .accom_box .box_caption{
				font-size: 18px;
				font-weight: 600;
				margin-bottom: 10px;
				line-height: 1.7;
			}
	   	/*------------------End Hirakishoji.html-----------------------*/

	   	/*-------------------------Hirose.html-------------------------*/
	   		.hirose_challenge{
				margin-top: 20px;
			}
			
			.hirose .left{
				width: 20%
			}
			.hirose .left img{
				width: 100%;
			}
			.hirose .mid{
				width: 80%;
			}
			.hirose_mobile_img{
				width: 100%;
				margin-top: 20px;
			}
			.hirose .challenge_inner_2 .chall_caption{
				font-size: 23px !important;
			}
			.voice_inner .inner_left{
				width: 100%;
			}
			.voice_inner .inner_right{
				width: 100%;
				margin-top: 20px;
			}
			.voice_inner .inner_right img{
				width: 100%;
			}

			.voice_inner .voice_title {
				font-size: 23px;
			}
			.voice_inner .voice_title {
				font-size: 23px;
			}
	   	/*-----------------------End Hirose.html-------------------------*/

	   	/*--------------------------Translation-----------------------------*/
			
			.trans_inner{
				padding-bottom: 0px;
			}
			.trans_title{
				font-size: 23px;
				margin: 10px 0;
			}
			.translation_02{
				width: 100%;
				background-color: #F6F6F6;
			}
			.trans_2_inner{
				padding: 20px  0;
			}
			.trans_2_inner p{
				margin-bottom: 20px;
				font-size: 14px;
				font-weight: 500;
			}
			.trans_2_inner table td{
				padding:5px;
				width: 50%;
			}
		/*-------------------------End Translation-----------------------------*/

		/*---------------------------Website Production----------------------*/
			.web_production .prod_title{
				font-size: 23px;
				margin: 20px 0;
			}
			
			.web_production_02 table{
				width: 100%;
				margin-bottom: 40px;
			}
		/*-------------------------End Website Production----------------------*/

		/*---------------------------product_registration--------------------------*/
			.prod_regist .regist_title{
				font-size: 23px;
				margin: 20px 0;
			}
			.prod_regist_02 .regist_title{
				font-size: 18px !important;
			}
		/*-------------------------End product_registration--------------------------*/

		/*----------------------------image design---------------------------*/
			.img_design .design_title{
				font-size: 23px;
				margin:20px;
			}
			.img_design_02 .table{
				width: 100%;
				overflow-x: auto;
			}
			.img_design_02 table{
				margin-bottom: 20px;
			}
		/*--------------------------End image design---------------------------*/

		/*----------------------------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-right: 0px;
				margin-bottom: 20px;
			}
			.ser_list .row .col_right{
				width: 100%;
			}
			.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-----------------------------*/

		/*---------------------------Contact----------------------------------*/
			.email_inner_02{
				width: 100%;
				margin: 0 auto;
				padding-top: 10px;
			}
			.email_inner_02 .td_right{
				display: none !important;
			}
			.email_inner_02 table tr td{
				width: 100%;
			}
			.email_inner_02 .contact_mobile_title{
				font-weight: 600;
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid lightgray;
			}
			.btn_div .btn{
				margin: 10px 10px 0 10px;
			}
			.grid-sp{
				width: 100% !important;
				display: block !important;
			}
			.phone_inner_02{
				background-image: url(img/contact-bg2.png);
			}
		/*-------------------------End Contact----------------------------------*/

		/*------------------------Company Profile------------------------*/
			
			.profile_title{
				font-weight: 600;
				line-height: 1.7;
				font-size: 23px;
			}
			.gp_company_intro .gp_title{
				font-size: 23px;
				font-weight: 600;
			}
			.company_profile table tr .td_left{
				display: none;
			}
			.gp_company_intro .company_left{
				width: 100%;
				font-size: 20px;
				font-weight: 600;
			}
			.gp_company_intro .company_right{
				width: 100%;
				font-size: 15px;
				line-height: 2;
			}
		/*----------------------End Company Profile------------------------*/

		/*-------------------------Recruitment-----------------------*/
			.recruit_txt{
			    font-size: 17px;
			    font-weight: 500;
			}
			.recruit_title{
				font-size: 18px;
				margin: 20px 0;
			}
			.recruit_title_02{
				font-size: 28px;
			}
			.emp_type{
				margin: 20px auto;
				flex-wrap: wrap
			}
			.emp_type .permanent{
				font-size: 18px;
				width: 100%;
				padding: 15px 20px;
				text-align: center;
				margin-bottom: 20px;
			}
			.emp_type .parttime{
				font-size: 18px;
				width: 100%;
				padding: 15px 20px;
				text-align: center;
			}
			.permanent_section,.parttime_section{
				padding: 30px 0;
			}
			.perm_title,.part_title{
				font-size: 28px;
				font-weight: 600;
			}
			.permanent_inner p,.parttime_inner p{
				line-height: 1.5;
			}
			.perm_card{
				margin-bottom: 20px;
				flex-wrap: wrap;
			}
			.perm_card .card_inner{
				width: 100%;
			}
			.perm_card .card_title{
				font-size: 18px;
				padding:15px;
				box-sizing: border-box;
				background-color: #000;
				margin:20px 0;
				text-align: center;
				text-transform: none;
			}
			.lvl_card{
				flex-wrap: wrap;
			}
			.lvl_card_inner{
				width: 100%;
				margin: 20px 0;
			}
			.lvl_title{
				font-size: 18px;
			}
			.lvl_body{
				padding:10px 20px;
				font-size: 15px;
			}
			.office_rule th{
				min-width: 100px;
				margin-right: 20px;
			}
			.preference tr td:before{
				
				top: 0;
				transform: translateY(80%);
				background-color: #E8542B;
			}
			.parttime_card .card_inner{
				width: 100%;
			}
			.parttime_card .card_inner:first-child{
				font-size: 18px;
				padding: 15px 20px;
			}
		/*-------------------------End Recruitment-----------------------*/
		/*-------------------------Recruitment---------------------------*/
			
			.recruit_banner .banner_txt{
				font-size: 17px;
				padding: 10px 0;

			}
			.recruit_system .title{
				font-size: 28px;
			}
			.recruit_system .recruit_txt{
				font-size: 17px;
			}
			.recruit_system .full_part{
				width: 100%;
				display: flex;
				justify-content: space-between;
			}
			.recruit_system .full_part_item{
				width: 48%;
				padding: 8px 5px;
				font-size: 20px;
			}
			.recruit_system .full_part_div{
				padding: 20px;
			}
			.recruit_system .part_time .left{
				width: 100%
			}
			.recruit_system .part_time .right{
				width: 100%
			}
			.recruit_system .trial{
				margin:10px 0;
			}
			.recruit_system .full_time .left{
				width: 100%
			}
			.recruit_system .full_time .right{
				width: 100%
			}
			.recruit_system .full_part_div .title{
				font-size: 18px;
				margin:0;
			}
			.interview_inner .title{
				margin:10px 0;
			}
			.interview_inner .txt{
				font-size: 16px;
			}
			.employeess li{
				width: 48%;
			}
			.employeess li img{
				height: 180px;
			}
			.current_job .title{
				margin:0 0 20px 0;
			}
			.current_job table{
				margin-bottom: 40px;
			}
			.current_job table tr:first-child td{
				font-size: 18px;
			}
			.current_job table tr td{
				padding:10px 20px;
			}
		/*-------------------------End Recruitment---------------------------*/

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

		/*-------------------------End Employees interview---------------------------*/
		/*-------------------------privacy---------------------------*/
		.privacy h1{
			font-size: 24px;
			margin-top: 10px;
			margin-bottom: 20px;
		}
		.privacy .pv_list li {
			font-size: 14px;
			line-height: 1.8;
		}
		.pv_title_02 {
			font-size: 20px;
			margin-bottom: 15px;
		}
		.pv_text {
			font-size: 14px;
			line-height: 1.8;
		}
		.pv_title_03 {
			font-size: 16px;
		}
		.pv_title_04 {
			font-size: 14px;
		}
		.privacy .pv_list2 {
			margin-bottom: 1.2rem;
		}
		.privacy .pv_list2 li {
			font-size: 14px;
			margin-left: 1em;
			line-height: 1.8;
		}
		.pv_address {
			font-size: 14px;
		}
		/*-------------------------End privacy---------------------------*/

	}


	@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===============================*/