body.product-bj {}

.location ul {
	display: flex;
	flex-flow: wrap;
	gap: 8px;
	color: #888;
}

.location ul li {
	font-size: 16px;
	color: #888;
}

.location ul li a {
	font-size: 16px;
	color: #888;
}

.location ul li a:hover {
	color: #154198;
}
@media (max-width: 768px){
	.location ul{
		gap:4px;
	}
	.location ul li a{
		font-size: 12px;
	}
}


	  		.about{
	  			display: flex;
	  			flex-flow: wrap;
	  		}
	  		.about h2{
	  			margin: 0;
			    font-weight: 900;
			    font-family: SFPro;
			    font-size: 50px;
			    line-height: 1;
				color: #154198;
	  		}
	  		.about .about-L{
	  			width: 50%;
				display: flex;
				flex-flow: wrap;
				align-content: space-around;
	  		}
	  		.about .about-R{
	  			width: 50%;
	  		}
	  		.about .about-R p{
	  			font-size: 16px;
	  			color: #555555;
	  		}
	  		.about-emphasize{
	  		}
	  		.about-emphasize ul{
				display: flex;
				flex-flow: wrap;
				gap:40px 60px;
				padding-top: 50px;
			}
			.about-emphasize ul li{
				border-bottom: 1px solid #dddddd;
				width: calc( 40% - 30px);
				font-weight: 600;
				font-size: 18px;
				color:#333333;
				display: flex;
				flex-flow: wrap;
				justify-content: space-between;
				align-items: flex-end;
				padding-bottom: 20px;
			}
			.about-emphasize ul li .li-R{
				font-size: 20px;
			}
			.about-emphasize ul li:hover{
				color:#000000;
				border-bottom: 1px solid #000000;
			}
			.about-img img{
				width: 100%;
			}
			@media (max-width: 1080px){
				.about h2{
					font-size: 40px;
				}
				.about .about-L,.about .about-R{
					width: 100%;
				}
				.about-emphasize ul li{
					width: calc(50% - (30px));
					padding-bottom: 10px;
				}
				.about-emphasize ul{
					padding-bottom: 50px;
				}
			}
			@media (max-width: 768px){
				.about h2{
					font-size: 24px;
				}
				.about-emphasize ul{
					padding-top: 20px;
					padding-bottom: 20px;
					gap: 20px 30px;
				}
				.about-emphasize ul li{
					font-size: 16px;
				}
				.about-emphasize ul li .li-R{
					font-size: 18px;
				}
				.about-emphasize ul li .li-L{
					width: 100%;
				}
				.about .about-R p{
					font-size: 14px;
					margin-bottom: 0px;
				}
				.about .about-R p + p{
					padding-top: 10px;
				}
			}
			

	  		.application h2{
	  			margin: 0;
			    font-weight: 900;
			    font-family: SFPro;
			    font-size: 50px;
			    line-height: 1;
				color: #154198;
				padding-bottom: 50px;
	  		}
	  		.application ul{
	  			display: flex;
	  			flex-flow: wrap;
	  			gap:100px;
	  		}
	  		.application ul li{
	  			width: calc((100%/2) - (100px/2));
	  			position: relative;
	  			padding-bottom: 50px;
	  		}
	  		.application ul li .img img{
	  			width: 100%;
	  		}
	  		.application ul li .text{
	  			padding: 25px 40px;
	  			background-color: #f1f1f1;
	  			width: calc(100% - 80px);
	  			position: absolute;
	  			right: 0;
	  			bottom: 0px;	 
	  			transition:all 0.3s ease 0s; 			
	  		}
	  		.application ul li .text a{
	  			color: #222222;
	  			transition:all 0.3s ease 0s;
	  			display: inline-block;
	  			font-weight: 600;
	  			font-size: 24px;
	  		}
	  		.application ul li:hover .text{
	  			background-color: #154198;
	  		}
	  		.application ul li:hover .text a{
	  			color: #ffffff;
	  		}
	  		@media (max-width: 1480px){
	  			.application ul{
	  				gap:50px;
	  			}
	  			.application ul li{
	  				width: calc((100%/2) - (50px/2));
	  			}
	  		}
	  		@media (max-width: 1080px){
	  			.application ul li{
	  				width: calc((100%/2) - (50px/2));
	  				padding-bottom: 35px;
	  			}
	  			.application h2{
	  				font-size: 40px;
	  				padding-bottom: 40px;
	  			}
	  			.application ul li .text{
	  				padding: 20px 30px;
	  			}
	  		}
	  		@media (max-width: 768px){
	  			.application h2{
	  				font-size: 24px;
	  				padding-bottom: 25px;
	  			}
	  			.application ul{
	  				gap: 15px;
	  			}
	  			.application ul li{
	  				width: 100%;
	  				padding-bottom: 23px;
	  			}
	  			.application ul li .text{
	  				padding: 10px 20px;
	  				width: calc(100% - 50px);
	  			}
	  			.application ul li .text a{
	  				font-size: 16px;
	  			}
	  		}
	  		

	  	.product{
	  		background-image: url(<?php echo get_template_directory_uri(); ?>/images/product-1.jpg);
	  		background-repeat: no-repeat;
			background-size: cover, cover;
			background-position: center;
	  	}
	  	.product-list-05{
	  		background-color: rgba(255,255,255,0.75)
	  	}
	  	.product-list-02{
	  		background-color: rgba(222,222,222,0.8)
	  	}
	  	.product-list h4{
	  		padding-bottom: 30px;
	  	}
	  	.product-list h4 a{
	  		font-size: 40px;
	  		font-weight: 600;
	  		font-family: tt0861m;
	  		color: #154198;
	  	}
	  	.product-list ul{
	  		display: flex;
	  		flex-flow: wrap;
	  	}
	  	.product-list ul li{
	  		width: 25%;
	  		border:1px solid rgba(255,255,255,0.15);
	  		background-color: rgba(255,255,255,0.05);
	  		transition:all 0.3s ease 0s;
	  	}
	  	.product-list ul li:hover{
	  		background-color: rgba(255,255,255,0.25);
	  		box-shadow:0px 0px 4px #dddddd
	  	}
	  	.product-list ul li .img img{
	  		width: 100%;
	  		transition:all 0.3s ease 0s;
	  	}
	  	.product-list ul li:hover .img img{
	  		transform: scale(1.05);
	  	}
	  	.product-list ul li h6{
	  		text-align: center;
	  		padding-bottom: 20px;
	  		padding-top: 15px;
	  		background-color: #ffffff;
	  	}
	  	.product-list ul li h6 a{
	  		font-size: 24px;
	  		color: #333333;
	  		transition:all 0.3s ease 0s;
	  	}
	  	.product-list ul li:hover h6 a{
	  		color: #154198;
	  	}
	  	@media (max-width: 1080px){
	  		.product-list h4 a{
	  			font-size: 32px;
	  		}
	  		.product-list ul li{
	  			width: calc(100%/3);
	  		}
	  	}
	  	@media (max-width: 768px){
	  		.product-list h4{
	  			padding-bottom: 20px;
	  		}
	  		.product-list h4 a{
	  			font-size: 20px;
	  		}
	  		.product-list ul li{
	  			width: calc(100%/2);
	  		}
	  		.product-list ul li h6 a{
	  			font-size: 18px;
	  		}
	  	}