.position {
	background-color: #f9f9f9;
}

.position ul {
	display: flex;
	flex-flow: wrap;
	column-gap: 10px;
	padding: 40px 0 0;
}

.position ul li {
	font-size: 16px;
	color: #555555;
}

.position ul li a {
	font-size: 16px;
	color: #555555;
}

.position ul li a:hover {
	color: #008CD6;
}

.product-article {
	display: flex;
	flex-flow: wrap;
	column-gap: 100px;
	background-color: #f9f9f9;
}

.product-article .product-article-L {
	width: 500px;
}

.product-article .product-article-img {
	width: calc(100% - 600px);
}

.product-article h4 a {
	color: #008CD6;
	line-height: 2;
	font-size: 20px;
}

.product-article h3 {
	padding: 15px 0;
	font-size: 60px;
	font-weight: 500;
	padding-bottom: 30px;
	line-height: 1.2;
}

.product-article .text {
	border-top: 1px solid #dddddd;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.product-article .text p {
	line-height: 2.5;
	font-size: 18px;
	color: #555555;
}

.product-article .text p strong {
	color: #000000;
	font-size: 20px;
}

.product-article .product-contact a {
	display: inline-block;
	padding: 20px 50px;
	background-color: #008CD6;
	color: #ffffff;
}

.product-article img {
	width: 100%;
	mix-blend-mode: multiply;
}

@media (max-width:1360px) {
	.product-article h3 {
		font-size: 48px;
	}
	.product-article {
		column-gap: 30px;
	}
	.product-article .text {
		padding: 20px 0;
	}
	.position ul {
		padding-top: 35px;
	}
	.product-article .product-article-img {
		width: calc(100% - 530px);
	}
}

@media (max-width:1180px) {
	.product-article {
		column-gap: 0px;
	}
	.product-article .product-article-L {
		width: 50%
	}
	.product-article .product-article-img {
		width: 50%
	}
}

@media (max-width:980px) {
	.position ul {
		padding-top: 30px;
	}
	.product-article {
		flex-direction: column-reverse
	}
	.product-article h3 {
		font-size: 36px;
	}
	.product-article .product-article-L {
		width: 100%
	}
	.product-article .product-article-img {
		width: 100%
	}
}

@media (max-width:768px) {
	.position ul {
		padding-top: 20px;
	}
	.product-article h3 {
		font-size: 28px;
		padding-bottom: 20px;
	}
	.product-article h4 a {
		font-size: 16px;
	}
}

@media (max-width:500px) {
	.product-article .text p {
		font-size: 16px;
		line-height: 2;
	}
	.product-article .text p strong {
		font-size: 16px;
	}
	.product-article h3 {
		font-size: 24px;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.product-article .text {
		padding: 15px 0;
	}
	.product-article .product-contact a {
		padding: 15px 30px;
	}
	.position ul {
		padding-top: 15px;
		gap: 5px
	}
	.position ul li a {
		font-size: 15px;
	}
}