.contact {
	display: flex;
	flex-flow: wrap;
}

.contact .contact-L {
	width: 35%;
	padding-right: 80px;
}

.contact .contact-R {
	width: 65%;
}

.contact .contact-R img {
	width: 100%;
}

.contact h2 {
	padding-bottom: 80px;
}

.contact ul li {
	border-top: 1px solid #dddddd;
	padding: 20px 0 40px;
}

.contact ul li+li {
	padding-top: 30px;
}

.contact ul li .contact-tel {
	font-size: 15px;
	padding-bottom: 10px;
	font-weight: 600;
}

.contact ul li .contact-tel-num {
	font-size: 32px;
}

.contact ul li .contact-tel-num.contact-address {
	font-size: 16px;
}

.contact ul li.list {
	display: flex;
	flex-flow: wrap;
	column-gap: 30px;
}

.contact ul li.list div {
	width: calc(50% - 15px);
	max-width: 150px;
	text-align: center;
}

.contact ul li.list div img {
	width: 100%;
}

.contact ul li.list div p {
	font-size: 16px;
	padding-top: 10px;
}

@media (max-width:1360px) {
	.contact .contact-L {
		width: 400px;
		padding-right: 40px;
	}
	.contact .contact-R {
		width: calc(100% - 400px);
	}
}

@media (max-width:980px) {
	.contact .contact-L {
		width: 50%;
	}
	.contact .contact-R {
		width: 50%;
	}
}

@media (max-width:768px) {
	.contact .contact-L {
		width: 100%;
		padding-right: 0;
	}
	.contact .contact-R {
		width: 100%;
	}
	.contact h2 {
		padding-bottom: 40px;
	}
}

@media (max-width:500px) {
	.contact h2 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	.contact ul li {
		padding: 15px 0;
	}
	.contact ul li .contact-tel-num {
		line-height: 1.2;
		font-size: 24px;
	}
	.contact ul li+li {
		padding-top: 15px;
	}
	.contact ul li .contact-tel-num.contact-address {
		font-size: 15px;
	}
	.contact ul li.list div p {
		padding-top: 0;
		font-size: 13px;
	}
}