@charset "utf-8";

#LeadArea {
	padding: 0;
}

#LeadArea .lead {
	position: absolute;
	top: 0;
	left: 422px;
}

#Contents #ContentsArea p.txt {
	margin: 8px 0 15px;
	line-height: 1.6;
	font-weight: bold;
}

/* 
------------------------------------*/
.mainPht {
	margin: 0 -10px 14px;
}
.boxUnit {
	margin-bottom: 8px;
}
.boxUnit .inr {
	display: flex;
	justify-content: space-between;
	width: 530px;
	background: #C52027;
	border-radius: 0 10px 10px 10px;
	padding: 6px 10px;
}
.boxUnit .inr table {
	color: #fff;
	border-color: #fff;
}
.boxUnit .inr table td {
	border-color: #fff;
	padding: 2px 20px 0 5px;
	line-height: 1.2;
	font-weight: bold;
}

#ContentsArea h2 {
	margin: 33px 0 21px;
}

.lineTtlUnit {
	width: 930px;
	border-bottom: 1px solid #b58e55;
}
.lineTtlUnit .ttlunit {
	display: flex;
	align-items: flex-end;
}
.lineTtlUnit .ttlunit p {
	margin-right: 30px;
}
.lineTtlUnit .ttlunit p:nth-child(2) {
	font-size: 140%;
	font-weight: bold;
}
.lineTtlUnit .ttlunit p:last-child {
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px 0;
	margin-bottom: 3px;
}

.phtUnit {
	width: 931px;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	margin-top: 10px;
}
.phtUnit .subunit {
	flex-basis: 291px;
	margin-right: 29px;
}
.phtUnit .subunit:nth-child(3n) {
	margin-right: 0;
}
.phtUnit ul {
	display: flex;
	justify-content: space-between;
	margin: 9px 0 25px;
}

.stepUnit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: -11px;
	margin-bottom: 20px;
}
.stepUnit .unit {
	flex-basis: 210px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.stepUnit .unit .inr {
	border-radius: 0 0 10px 10px;
	padding-bottom: 5px;
	line-height: 1.8;
}
.stepUnit .unit .inr img {
	margin-bottom: .5em;
}
.stepUnit .unit:nth-of-type(1) .inr {
	background: #c52027;
}
.stepUnit .unit:nth-of-type(2) .inr {
	background: #d25057;
}
.stepUnit .unit:nth-of-type(3) .inr {
	background: #af7763;
}
.stepUnit .unit:nth-of-type(4) .inr {
	background: #7e87c1;
}

.stepUnit + p {
	margin-bottom: 5em;
}

.orderUnit {
	background: #fafafa;
	border-radius: 10px;
	padding: 20px;
	margin-top: 22px;
	color: #646464;
}
.orderUnit .up,
.orderUnit .down {
	display: flex;
	justify-content: space-between;
}
.orderUnit .up .cautiontxt {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6;
	margin-top: 10px;
}
.orderUnit .up .right {
	margin-top: -5px;
}
.orderUnit .down {
	align-items: flex-end;
	margin-top: 16px;
	line-height: 1.6;
}
.orderUnit .down h4 + p {
	margin-top: 5px;
}
.orderUnit .down p + h4 {
	margin-top: 10px;
}


.mt20 {
	margin-top: 20px;
}