@charset "utf-8";
/*------------------------------------------------------------
	slit
------------------------------------------------------------*/
#main .pageTitle {
	margin-bottom: 17.8rem;
}
#main .pageTitle .headLine02 {
	background-image: url(../img/common/page_img06.png);
}
#main .listBox {
	margin-top: 4.4rem;
	padding: 3.5rem 1rem 3.4rem;
	position: relative;
}
#main .listBox .subTitle {
	padding: 0.1rem 1.2rem 0.2rem;
	position: absolute;
	top: -1.1rem;
	left: 3rem;
	width: fit-content;
	border: 1px solid #30a8e6;
	color: #30a8e6;
	font-weight: 700;
	text-align: center;
	background: #FFF;
	border-radius: 3rem;
	line-height: 1;
	letter-spacing: 0.05em;
}
#main .listBox .comOrderList {
	margin: 0 auto;
	max-width: 45rem;
	position: relative;
	z-index: 5;
}
#main .listBox .comOrderList li {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.68;
}
#main .listBox .comOrderList li .dot {
	color: #30a8e6;
}
#main .comAreaBox .area .imgBox .photo {
	width: 19.1rem;
}
@media all and (max-width: 896px) {
	#main .pageTitle {
		margin-bottom: 4.9rem;
	}
	#main .headLine03 {
		margin-bottom: 1.3rem;
		line-height: 1.3;
	}
	#main .comText {
		margin-bottom: 4.8rem;
	}
	#main .listBox {
		margin-top: 2.2rem;
		padding: 1.2rem 1.3rem 1.2rem 1.8rem;
	}
	#main .listBox .subTitle {
		padding: 0 1.2rem 0.1rem;
		top: -1rem;
		left: 1.4rem;
		font-size: 1.5rem;
	}
	#main .listBox .comOrderList {
		margin: 0 auto;
		max-width: 28rem;
	}
	#main .listBox .comOrderList li {
		font-size: 1.5rem;
		line-height: 1.73;
	}
	#main .comAreaBox .area .imgBox .photo {
		margin-top: 1.3rem;
		width: auto;
	}
}