@charset "utf-8";
@media (min-width: 769px) and (max-width: 1200px){
	.nav li {
		margin-left: 0;
	}
	
	.nav li a.max-nav {
		font-size: 14px;
	}

	.lan li {
		margin-left: 0;
		margin-right: 20px;
	}

	.sub-nav a {
		font-size: 14px;
		line-height: 32px;
	}

	.sub-nav-products {
		width: 76.5vw;
	}

	.snp-list {
		width: 34vw;
	}

	.snpl-item h4 {
		font-size: 14px;
	}

	.ft-left {
		width: 300px;
	}

	.ft-right {
		width: 60vw;
	}

	.ft-info h3 {
		margin: 0 0 10px 0;
		font-size: 16px;
		letter-spacing: 0;
	}

	.ft-info p {
		font-size: 12px;
		line-height: 18px;
	}

	.ft-mp {
		width: 120px;
		margin: 30px 0 30px 0;
	}

	.ft-mp p {
		font-size: 16px;
	}

	.ft-sns a.icon_sns {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}

	.ft-nav {
		justify-content: space-between;
	}

	.ft-nav dl {
		margin-left: 0;
		text-align: right;
	}

	.ft-nav dl dt {
		margin: 0 0 10px 0;
		font-size: 13px;
		white-space: nowrap;
	}

	.ft-nav dl dd {
		font-size: 11px;
		line-height: 180%;
	}

	.copyright {
		margin-top: 0;
		font-size: 11px;
		text-align: center;
		line-height: 30px;
	}

	.hc-text h3 {
		font-size: 28px;
	}

	.hc-text p {
		font-size: 15px;
		line-height: 140%;
	}

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

	.home-video p {
		font-size: 14px;
		line-height: 24px;
	}

	.hn-item {
		padding-left: 0;
		padding-right: 35px;
	}

	.hn-content {
		margin-top: 30px;
		font-size: 12px;
		line-height: 160%;
	}

	.hn-cats {
		margin: 50px auto;
		font-size: 12px;
	}

	.hn-item h4 {
		height: 42px;
		font-size: 14px;
	}

	.hn-item h3{
		font-size: 20px;
		line-height: 40px;
	}

	.hn-item p {
		height: 60px;
		margin: 10px 0 25px 0;
		font-size: 12px;
		line-height: 20px;
	}

	.hr-title {
		width: 30vw;
		font-size: 22px;
	}

	.hr-box h4 {
		font-size: 14px;
	}

	.hrb-form {
		width: 100%;
	}

	.about-cats {
		padding: 0 10vw;
	}

	.about-cats a {
		margin: 0 25px;
		font-size: 14px;
		text-align: center;
	}

	.ac-content {
		font-size: 12px;
		line-height: 160%;
	}

	.acc-title {
		font-size: 22px;
	}

	.aac-info {
		float: right;
	}

	.aac-tag {
		width: 36vw;
		float: left;
	}

	.aac-tag p a {
		margin-right: 0;
		margin-left: 10px;
	}

	.ac-more {
		width: auto;
		padding: 0 25px;
		font-size: 15px;
	}

	.about-count {
		height: 31.5vw;
	}

	.about-count ul li h3 {
		font-size: 28px;
	}

	.about-count ul li p {
		margin-top: 0;
		font-size: 15px;
		line-height: 140%;
	}

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

	.about-auth-container p {
		font-size: 12px;
		line-height: 150%
	}

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

	/* about worth */
	.aw-title {
		left: 57vw;
		top: 2vw;
		font-size: 30px;
	}

	.aw-info {
		bottom: 3.5vw;
	}

	.awi-title {
		margin: 0 0 12px 0;
		font-size: 20px;
		line-height: 120%;
	}

	.awi-content {
		margin: 0 0 4.6875vw 0;
		font-size: 12px;
		line-height: 150%;
	}

	.aw-icon img {
		width: 60px;
	}

	.aw-icon p {
		margin: 5px 0 0 0;
		font-size: 12px;
		line-height: 160%;
	}

	.awi-1 {
		left: 47vw;
	}

	.awi-2 {
		left: 62.6vw;
	}

	.awi-3 {
		left: 40vw;
	}

	.awi-4 {
		left: 60vw;
	}

	.team-item p {
		font-size: 12px;
		line-height: 18px;
	}

	.ols-team-title {
		font-size: 28px;
		line-height: 140%;
	}

	.ols-team-subtitle {
		margin: 15px 0 20px 0;
		font-size: 18px;
	}

	.ols-team-info {
		margin-bottom: 10px;
	}

	.ols-team-info, .ols-team-honor {
		font-size: 14px;
		line-height: 180%;
	}

	.hi-year {
		font-size: 20px;
	}

	.hic-box p {
		font-size: 12px;
		line-height: 150%;
	}

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

	.auth-title {
		font-size: 22px;
		line-height: 140%;
	}

	.auth-item p {
		margin-top: 10px;
	}

	.auth-cats {
		font-size: 14px;
		line-height: 180%;
	}

	.dev-banner h3 {
		font-size: 16px;
		line-height: 160%;
	}

	.dev-banner p {
		font-size: 12px;
	}

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

	.di-item h3 {
		height: 28px;
		padding: 0 14px;
		font-size: 14px;
		line-height: 28px;
	}

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

	.tech-title {
		font-size: 24px;
		line-height: 32px;
	}

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

	.tech-svg-img {
		top: 36%;
	}

	.tp-1 .tech-box {
		top: 23vh;
	}

	.tp2-tab-title {
		height: 26px;
		font-size: 12px;
		line-height: 26px;
	}

	.tp2-tab-banner .swiper-container {
		width: 53vw;
	}

	.tp-3 .tech-box {
		left: 6vw;
		top: 28vh;
	}

	.tp4-box h3 {
		margin-bottom: 3vw;
		font-size: 24px;
	}

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

	.tp-5 .tech-box {
		top: auto;
		bottom: 48vh;
	}

	.tp-5 .tech-bg {
		margin: 0;
	}

	.tp-5  .tech-svg-img {
		top: auto;
		bottom: -6vw;
	}

	.pages {
		font-size: 14px;
	}

	.pages a {
		width: 12px;
		margin-top: 8px;
	}

	.pc-ctrl {
		width: 17vw;
	}

	.pc-ctrl a {
		font-size: 14px;
	}

	.pc-ctrl a::before {
		width: 10px;
		height: 10px;
		margin-top: 6px;
		top: 0;
	}

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

	.pc-info {
		width: 66%;
		margin: 25px 0 30px 0;
		font-size: 14px;
		line-height: 160%;
	}

	.pc-subclass {
		width: 48vw;
	}

	.pc-subclass a {
		width: 14vw;
		height: 6.4vw;
		background-position-y: 4.6vw;
	}

	.pc-subclass a i {
		height: 40px;
		margin-top: 5px;
		font-size: 14px;
		line-height: 20px;
	}

	.pc-content {
		flex-wrap: wrap;
		column-gap: 3.5%;
		row-gap: 3vw;
		justify-content: center;

	}

	.pcc-item {
		width: 31%;
	}

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

	.pcc-item p {
		font-size: 12px;
	}

	.pg-ctrl {
		width: 13vw;
	}

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

	.pg-ctrl a::before {
		width: 10px;
		height: 10px;
		margin-top: 6px;
		top: 0;
	}

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

	.pg-info {
		font-size: 13px;
		line-height: 160%;
	}

	.pg-more {
		width: auto;
		height: 28px;
		font-size: 13px;
		line-height: 26px;
	}

	.pg-params {
		margin-top: 0vw;
		flex-wrap: wrap;
		row-gap: 2vw;
	}

	.pg-params li {
		width: 31%;
	}

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

	.pg-params li p {
		font-size: 12px;
	}

	.alu-params-container .btn-more {
		width: 16vw;
	}

	.al-item a.btn-more {
		width: auto;
		display: none;
	}

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

	.pgp-ctrl a {
		font-size: 12px;
		line-height: 150%;
	}

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

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

	.pg-other-container {
		width: 74vw;
		left: 18vw;
	}

	.pgo-content {
		margin-bottom: 7vw;
		font-size: 14px;
		line-height: 160%;
	}

	.pgo-content b, .pgo-content strong {
		font-size: 24px;
	}

	.pgo-content b, .pgo-content strong {
		line-height: 140%;
	}

	.pgo-content a.pgo-more {
		width: auto;
		height: 30px;
		margin-top: 20px;
		line-height: 30px;
		font-size: 12px;
	}

	.pgo-info {
		flex-wrap: wrap;
		column-gap: 3.5%;
		row-gap: 3vw;
		justify-content: center;

	}

	.pgo-info li {
		width: 31%;
	}

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

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

	.pg-table-container h3 {
		font-size: 22px;
	}

	.pg-table tr td {
		padding: 0.7vw 2vw;
		font-size: 12px;
		line-height: 150%;
	}

	.pg-home-title {
		font-size: 24px;
	}

	.case-cats a {
		margin: 0 7px;
		padding: 0;
		font-size: 10px;
	}

	.case-class .case-cats a {
		padding: 0;
		font-size: 12px;
	}

	.case-item, .case-item p {
		line-height: 120%;
	}

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

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

	.csp-item h3 {
		font-size: 16px;
		line-height: 180%;
	}

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

	.cs-btn {
		margin-top: 20px;
	}

	.cs-btn a {
		font-size: 12px;
	}

	.cs-content {
		font-size: 14px;
		line-height: 150%;
	}

	.news-banner-cats {
		padding-top: 160px;
	}

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

	.csr-more {
		font-size: 16px;
	}

	.nb-cats li {
		height: 80px;
	}

	.nb-cats li.on {
		height: 100px;
	}

	.nb-cats li h3 {
		line-height: 24px;
	}

	.ns-title {
		font-size: 20px;
		line-height: 150%;
	}

	.ns-tag {
		font-size: 14px;
		line-height: 150%;
	}

	.ns-content {
		font-size: 14px;
		line-height: 180%;
	}

	.no-page {
		font-size: 14px;
		line-height: 180%;
	}

	.cli-zone {
		height: 4.2vw;
		font-size: 16px;
		line-height: 4.2vw;
	}

	.cli-company {
		font-size: 13px;
		line-height: 150%;
	}

	.cli-address {
		font-size: 13px;
		line-height: 150%;
	}

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

	.jc-info {
		font-size: 12px;
		line-height: 140%;
	}

	.jc-contact ul li {
		font-size: 12px;
		line-height: 21px;
	}

	.welfare {
		padding-bottom: 200px;
	}

	.welfare ul li h3 {
		font-size: 11px;
		line-height: 140%;
	}

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

	.jl-title span {
		font-size: 14px;
	}

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

	.cats a {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 14px;
	}

	.qai-title h3 {
		font-size: 14px;
	}

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

	/* ar */
	.auth-title {
		margin-top: 16px;
	}

	.auth-cats {
		width: 100%;
	}

	.contact-banner-info .icon_sns {
		margin-left: 15px;
		margin-right: 0;
	}

	.jc-qrcode {
		margin: 0;
	}

	.jl-title img {
		margin-right: 0;
		margin-left: 15px;
	}

	.close-sift-box {
		left: 15px;
		right: auto;
	}

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

	.lan li, .nav li {
		margin-right: 25px;
	}

	.icon-case-sift {
		margin-left: 0;
		margin-right: 28px;
		padding: 0 24px 0 0;
		background-position-x: right;
		background-size: 20px;
		font-size: 12px;
	}
	
	.csp-item h3 {
		font-size: 16px;
		line-height: 200%;
	}

	.csp-item h5 {
		font-size: 14px;
		line-height: 150%;
	}

	.alu-list-container {
		padding-left: 2.7vw;
		padding-right: 14.3vw;
	}

	.al-item h3 {
		font-size: 12px;
	}

	.al-item p {
		height: 75px;
		line-height: 15px;
	}

	.tp-1-lg-bg {
		margin: 0 0 0 -8vw;
	}

	.tech-title, .tech-title span {
		font-size: 20px;
		line-height: 30px;
	}

	.tp2-container {
		padding-left: 0;
		padding-right: 4.6875vw;
	}

	.tp2-ctrl {
		left: 8vw;
	}

	.tp-3-lg-bg {
		left: -10vw !important;
		top: 2vw !important;
	}

	.tp4-box h3 {
		margin-bottom: 2vw;
		font-size: 18px;
		line-height: 27px;
	}

	.tp-5 .tech-box {
		left: 0;
		padding-right: 4vw;
	}
}