@charset "UTF-8";
/* CSS Document */
/* ttlArea */
.ttlArea {
	background-image: url("../img/order/ttl_bg.webp");
}
.orderArea {
	background-color: #000;
	color: #FFF;
	padding: 40px 0;
}
.imgBox {
	margin: 0 auto;
	max-width: 1000px;
}
.imgBox img {
	width: 100%;
}
.txtBox {
	padding: 20px 5vw;
}
.txtBox p {
	font-size: 20px;
	text-align: center;
	padding: 20px 0;
}
.txtBox p span {
	font-size: 1.2em;
}
.txtBox ul {
	text-align: center;
	padding: 20px 0;
}
.txtBox ul li {
	font-size: 25px;
	padding: 10px 0 0;
	letter-spacing: .09em;
}
.txtBox ul li span {
	color: #c39e44;
	font-weight: bold;
}
@media screen and (max-width: 1000px) {
.txtBox p {
	font-size: 20px;
	text-align: center;
	padding: 20px 0;
}
.txtBox p {
	font-size: 4.5vw;
}
.txtBox ul li {
	font-size: 7vw;
}
}	

@media screen and (max-width: 767px) {
}	

@media screen and (max-width: 600px) {
}