@charset "utf-8";
@media (min-width: 1px) and (max-width: 768px){

	.xs-en-hide {
		display: none;
	}

	.xs-en-show {
		display: block;
	}

	.footer {
		display: none;
	}

	.copyright {
		font-size: 12px;
		margin-top: 30px;
	}

	.hc-text p {
		margin-top: 5px;
		font-size: 12px;
		line-height: 150%;
	}

	.hpi-content p {
		font-size: 12px;
	}

	.hr-title {
		width: 100%;
		font-size: 16px;
	}

	.hr-box {
		width: 100%;
	}

	.m-subclass a {
		font-size: 10px;
	}

	.about-count {
		height: auto;
		padding-bottom: 13.6vw;
	}

	.about-count ul li {
		width: 40vw;
		margin-top: 2vw;
	}

	.about-count ul li p {
		width: 100%;
		font-size: 12px;
	}

	.about-auth-container h3 {
		font-size: 15px;
	}

	.about-auth-container p {
		font-size: 12px;
	}

	.aac-tag p a {
		height: 28px;
		font-size: 12px;
		line-height: 28px;
	}

	.aw-icon {
		width: 20vw;
	}

	.aw-icon p {
		width: 90%;
		font-size: 11px;
		line-height: 150%;
	}

	.aw-info {
		width: 80%;
	}

	.awi-content {
		font-size: 11px;
		line-height: 160%;
	}

	.about-client p {
		font-size: 16px;
		line-height: 150%;
	}

	.list-ctrl a {
		font-size: 12px;
	}

	.db-item {
		width: 100%;
	}

	.dev-banner h3 {
		width: 100%;
		padding: 3vw 0 2vw 0;
		font-size: 16px;
		line-height: 150%;
	}

	.dev-banner p {
		width: 100%;
		font-size: 12px;
		padding: 1vw 0 3vw 0;
		border-top: 0;
		border-bottom: 1px solid #ffffff;
	}

	.db-item:nth-child(1) p {
		border-bottom: 1px solid #ffffff;
	}

	.dev-title {
		font-size: 16px;
		line-height: 150%;
	}

	.di-item p {
		font-size: 11px;
		line-height: 150%;
	}

	.tp-1 .tech-box {
		top: 2.5vw;
	}

	.tech-content {
		font-size: 12px;
		line-height: 150%;
	}

	.tp-3 .tech-box {
		top: 0;
	}

	.tp-5 .tech-box {
		width: 50vw;
		top: 42vw;
	}

	.pc-container {
		padding-top: 30vw;
	}

	.pc-title {
		font-size: 18px;
	}

	.pc-info {
		font-size: 11px;
		line-height: 150%;
	}

	.pc-subclass a i {
		height: 32px;
		margin-top: 0;
		font-size: 11px;
		line-height: 16px;
	}

	.pcc-item h3 {
		font-size: 14px;
	}

	.pcc-item p {
		font-size: 11px;
		line-height: 150%;
	}

	.pg-left {
		padding-top: 60vw;
	}

	.pg-info {
		margin: 2.5vw 0;
		line-height: 150%;
	}

	.pg-right {
		margin-bottom: 2vw;
	}

	.pg-title {
		font-size: 15px;
	}

	.pg-more {
		top: 9vw;
	}

	.pg-params li {
		height: auto;
	}

	.pg-params li h3 {
		font-size: 13px;
	}

	.pg-params li p {
		font-size: 10px;
		line-height: 140%;
	}

	.pg-table tr td {
		font-size: 11px;
	}

	.pg-table tr td:nth-child(1) {
		width: 37vw;
	}

	.pgp-title {
		font-size: 18px;
	}

	.pgp-ctrl a {
		width: 100% !important;
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 150%;
	}
	
	/*
	.pgp-ctrl a:nth-child(2) {
		order: 2;
	}
	.pgp-ctrl a:nth-child(3) {
		order: 3;
	}
	.pgp-ctrl a:nth-child(4) {
		order: 4;
	}
	.pgp-ctrl a:nth-child(5) {
		order: 5;
	}
	.pgp-ctrl a:nth-child(6) {
		order: 6;
	}
	.pgp-ctrl a:nth-child(7) {
		order: 6;
	}
	.pgp-ctrl a:nth-child(8) {
		order: 6;
	}
	.pgp-ctrl a:nth-child(9) {
		order: 6;
	}
	.pgp-ctrl a:nth-child(10) {
		order: 6;
	}
	*/

	.pgl-item::after {
		height: 24%;
	}

	.pgl-item h3 {
		height: 24%;
		font-size: 12px;
		line-height: 140%;
	}

	.pages.xs {
		display: block;
	}

	.pg-other-container {
		padding-top: 50vw;
	}

	.pgo-content {
		line-height: 150%;
	}

	.pgo-title {
		font-size: 15px;
		line-height: 150%;
	}

	.pgo-info li {
		max-width: 42vw;
	}

	.pgo-info li h3 {
		font-size: 13px;
	}

	.pgo-info li p {
		font-size: 11px;
	}

	.pg-table tr td {
		padding: 0.5vw 3vw;
		font-size: 12px;
		line-height: 160%;
	}

	.case-search {
		height: 5.8vw;
		float: right;
	}

	.case-search input {
		font-size: 12px;
	}

	.icon-case-sift {
		padding: 0 0 0 16px;
		background: url(../images/svg/icon_sift.svg) no-repeat left center;
		background-size: 18px;
		font-size: 12px;
		line-height: 26px;
	}

	.case-item {
		height: 46.48vw;
	}

	.case-item p {
		bottom: 2vw;
		font-size: 12px;
		line-height: 140%;
	}

	.case-item p a {
		font-size: 12px;
		line-height: 140%;
	}

	.cs-title {
		font-size: 16px;
		text-align: left;
	}

	.csp-item h3 {
		font-size: 18px;
		line-height: 30px;
	}

	.csp-item h5 {
		font-size: 12px;
		line-height: 24px;
	}

	.cs-content {
		font-size: 12px;
		line-height: 200%;
	}

	.csr-title {
		font-size: 18px;
	}

	.cl-item:nth-child(1) .cli-box, .cl-item:nth-child(2) .cli-box {
		height: 47vw;
	}

	.cli-zone {
		font-size: 15px;
	}

	.cli-company, .cli-address {
		line-height: 150%;
	}

	.cli-info {
		height: 10vw;
		line-height: 10vw;
	}

	.jc-title {
		font-size: 16px;
	}

	.btn-tag {
		padding: 0 1vw;
		font-size: 11px;
	}

	.welfare-subtitle {
		font-size: 16px;
		line-height: 10vw;
	}

	.welfare-title {
		font-size: 20px;
	}

	.jl-title {
		margin-bottom: 5px;
	}


	.jl-title span {
		float: right;
	}

	.jl-title a, .jl-title b {
		font-size: 15px;
	}

	.job-list li p {
		margin-top: 0;
		font-size: 13px;
		line-height: 160%;
	}

	.jsh-upload-btn {
		width: 40vw;
		height: 7.5vw;
		right: auto;
		left: 12vw;
	}

	.qa-list {
		margin-top: 35vw;
	}

	.qai-title {
		height: auto;
		padding: 2vw 0;
	}

	/* en-pc-content */
	.en-params-content {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 60px 0;
		position: relative;
		color: #595757;
	}

	.en-params-content.white {
		color: #ffffff;
	}

	.en-params-content .swiper-slide h3 {
		width: 100%;
		padding: 0 15vw 10px 15vw;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 140%;
		text-align: center;
	}

	.en-params-content .swiper-slide p {
		width: 100%;
		padding: 0 15vw;
		box-sizing: border-box;
		font-size: 12px;
		line-height: 160%;
		text-align: center;
	}

	.en-params-content .pages {
		width: 96%;
		height: 60px;
		position: absolute;
		left: 2%;
		top: 0;
		justify-content: space-between;
		pointer-events: none;
	}

	.en-params-content .pages.white a {
		width: 4vw;
		height: 4vw;
		background: no-repeat center center;
		background-size: 100% auto;
	}

	.en-params-content .pages.white .prev{
		background-image: url(../images/svg/arrow_prev_white.svg);
	}

	.en-params-content .pages.white .next{
		background-image: url(../images/svg/arrow_next_white.svg);
	}

	.en-params-content .swiper-page {
		bottom: 30px;
		opacity: 0.95;
	}

	.en-params-content .swiper-page .pagination.white .swiper-pagination-bullet{
		border-color: #ffffff;
	}

	.en-params-content .swiper-page .pagination.white .swiper-pagination-bullet-active{
		border-color: #ffffff;
		background: #ffffff;
	}

	/* ar */
	.btn-menu {
		float: left;
	}

	.hrb-form a {
		float: left;
	}

	.mf-contact dl dd p {
		width: auto;
	}

	.ad-logo img {
		height: auto;
	}

	.copyright {
		text-align: right;
	}

	#about-scroll-box {
		padding-right: 0;
	}
	
	.auth-right {
		margin-left: 0;
	}

	.qai-title h3 {
		font-size: 13px;
		line-height: 20px;
	}

	.m-bottom-cats a {
		font-size: 10px;
	}

	.btn-tag {
		margin-top: 2.6667vw;
		font-size: 10px;
	}

	.jc-contact ul li {
		font-size: 9px;
		text-align: right;
	}

	.jl-title span {
		float: left;
	}

	.jl-title img {
		margin-left: 2vw;
		margin-right: 0;
	}

	.jl-title a, .jl-title b {
		font-size: 11px;
	}

	.job-list li p {
		font-size: 11px;
	}

	.jsh-upload-btn {
		width: 100%;
		top: 2.6666vw;
	}

	.ncl-info h5 a span {
		float: right;
	}

	.pl-item {
		padding: 0 4vw 0 0;
	}

	.sift-box dl dd span {
		margin-left: 20px;
		margin-right: 0;
	}

	.sift-box a.btn-tag {
		float: right;
	}

	.cs-title {
		font-size: 15px;
		text-align: center;
	}

	.csp-item {
		width: auto;
		min-width: 40%;
	}

	.csp-item h3 {
		font-size: 13px;
		line-height: 30px;
		text-align: center;
	}

	.csp-item h5 {
		font-size: 12px;
		line-height: 24px;
		text-align: center;
	}

	.pgp-left {
		order: 1;
	}

	.pgp-banner {
		order: 2;
	}

	.pgp-ctrl {
		order: 3;
	}

	.pg-other-container {
		right: 0;
	}

	.tp-1 .slide-bg-box {
		left: -25vw;
	}

	.tech-title {
		font-size: 18px;
	}

	.tech-title span {
		font-size: 16px;
	}

	.tp2-tab-title a {
		margin-left: 0;
		margin-right: 2vw;
		font-size: 10px;
	}

	.tp2-tab-title a:nth-child(2) {
		margin-right: 0;
	}

	.tp-3 .tech-box {
		background-position-x: -30vw;
		background-position-y: 5vw;
	}

	.tp4-box h3 {
		width: 100%;
		font-size: 16px;
	}

	.tp4-banner p {
		font-size: 16px;
	}

	.tp4-banner p {
		text-align: right;
	}

	.tp-5-bg {
		float: left;
		margin: 3vw 0 0 7vw;
	}

	.news-show.m-header-top {
		margin-top: 36vw;
	}
}