.cust_area {
				padding: 30px 0;
			}

			.cust_area .tit {
              margin: 0 0 20px 0;
			}

			.cust_area .tit h3 {
				font-size: 40px;
				font-weight: 700;
				line-height: 1;
				color: #212121;
			}

			.cust_area .tit p {
				color: #888;
				margin: 10px 0 0;
			}

			.cust_area ul {
				display: flex;
				margin: 0 -15px;
              	flex-wrap: wrap;
			}

			.cust_area ul li {
				width: 25%;
				padding: 0 15px;
				margin: 10px 0;
			}



			.cust_area ul li .pic {
				display: block;
				overflow: hidden;
				width: 100%
			}

			.cust_area ul li .pic img {
				width: 100%;
				display: block;
				transition: all 0.3s ease 0s
			}

			.cust_area ul li h6 {
				margin-top: 15px;
				padding: 0 10px;
				text-align: center
			}

			.cust_area ul li h6 a {
				color: #181818;
				font-size: 17px;
				line-height: 26px;
				overflow: hidden;
				display: block
			}
              
             .cust_area ul li p {
				font-size: 15px;
				line-height: 26px;
				text-align:center
			}

			.cust_area ul li h6 a:hover {
				color: var(--link-color-hover);
				text-decoration: underline
			}

			.cust_area ul li:hover .pic img {
				transform: scale(1.05);
				-webkit-transform: scale(1.05)
			}

			@media screen and (max-width: 1441px) {
				.cust_area .tit h3 {
					font-size: 38px;
				}

				.cust_area {
					padding: 70px 0;
				}
			}

			@media screen and (max-width: 1367px) {
				.cust_area .tit h3 {
					font-size: 36px;
				}

				.cust_area {
					padding: 65px 0;
				}
			}

			@media screen and (max-width: 1281px) {
				.cust_area .tit h3 {
					font-size: 34px;
				}

				.cust_area {
					padding: 60px 0;
				}
			}

			@media screen and (max-width: 1171px) {
				.cust_area .tit h3 {
					font-size: 32px;
				}

				.cust_area {
					padding: 40px 0;
				}
			}

			@media screen and (max-width: 992px) {
				.cust_area .tit h3 {
					font-size: 30px;
				}

				.cust_area {
					padding: 30px 0;
				}
              .cust_area ul li {
   				 width:50%;
              }
			}

			@media screen and (max-width: 768px) {
				.cust_area .tit h3 {
					font-size: 28px;
				}

				.cust_area {
					padding: 20px 0;
				}
			}

			@media screen and (max-width: 576px) {
				.cust_area .tit h3 {
					font-size: 26px;
				}
			}

			@media screen and (max-width: 480px) {
				.cust_area .tit h3 {
					font-size: 24px;
				}

				.cust_area .tit p {
					font-size: 15px;
					line-height: 20px;
				}
			}



			@media screen and (max-width: 420px) {
				.cust_area .tit h3 {
					font-size: 22px;
				}
			}