/* -----------------------------------------------
* needs
* ----------------------------------------------- */
.dir-needs {
}
.dir-needs .huroshiki-table tbody > :last-child {
	display: none;
}
.dir-needs .site-main__body .fa-angle-double-down {
	color: #b70314;
	font-size: 40px;
	font-size: 4rem;
}
.dir-needs .site-main__body .thrash-area {
	background: -webkit-repeating-linear-gradient(-45deg, #999, #999 2px, #b3b3b3 2px, #b3b3b3 4px);
	background: repeating-linear-gradient(-45deg, #999, #999 2px, #b3b3b3 2px, #b3b3b3 4px);
}
.dir-needs .site-main__body .normal-headline {
	border-color: #ca0014;
	display: table;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0 auto;
}
.dir-needs .site-main__body .normal-headline > span {
	display: table-cell;
	vertical-align: middle;
}
.dir-needs .site-main__body .normal-headline .comment {
	display: block;
	font-weight: normal;
	margin-left: 1.5rem;
	max-width: 240px;
}
@media (min-width: 576px) {
	.dir-needs .site-main__body .normal-headline .comment {
		max-width: inherit;
	}
}
.dir-needs .site-main__body .numbering-icon {
	background: #ca0014;
	vertical-align: top;
}
.dir-needs .site-main__body .numbering-icon--bordered {
	background: transparent;
}
.dir-needs .site-main__body .numbering-icon--bordered::before {
	border-color: #ca0014;
}
.dir-needs .site-main__body .numbering-icon--bordered .numbering-icon__text {
	color: #ca0014;
}
.dir-needs .site-main__body .unique-qualities {
	margin-bottom: 60px;
}
.dir-needs .site-main__body .unique-qualities li {
	line-height: 1.2;
}
.dir-needs .site-main__body .introduce-pair {
	margin: 0 auto;
	max-width: 600px;
}
.dir-needs .site-main__body .introduce-pair > section {
	margin-top: 30px;
	margin-top: 3rem;
}
.dir-needs .site-main__body .introduce-pair li {
	font-weight: bold;
	margin-top: 4px;
	padding-left: 56px;
}
.dir-needs .site-main__body .introduce-pair li:first-child {
	background: url("../images/advantages.gif") left center / auto no-repeat scroll;
	margin-top: 0;
}
.dir-needs .site-main__body .introduce-pair li:first-child + li {
	background: url("../images/shortcoming.gif") left center / auto no-repeat scroll;
}
.dir-needs .site-main__body .activity-scene {
	margin-top: 60px;
	margin-top: 6rem;
}
.dir-needs .site-main__body .activity-scene .ballon-title {
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
.dir-needs .site-main__body .activity-scene .outlined-character {
	background: #318702;
}
.dir-needs .site-main__body .activity-scene .bordered-character {
	color: #318702;
}
.dir-needs .site-main__body .activity-scene .bordered-character::before {
	border: solid 2px #318702;
}
.dir-needs .site-main__body .activity-scene li {
	margin-top: 30px;
	margin-top: 3rem;
}
.dir-needs .site-main__body .activity-scene li:first-child {
	margin-top: 0;
}
.dir-needs .site-main__body .feeling-voice {
	background: #fcf0c6;
	padding: 20px 15px;
	padding: 2rem 1.5rem;
}
.dir-needs .site-main__body .feeling-voice footer {
	background: #e45457;
	color: #fff;
	padding: 10px;
	padding: 1rem;
}
.dir-needs .site-main__body .feeling-voice .fa-user {
	color: #2161b2;
}
.dir-needs .site-main__body .feeling-voice .fa-user.woman {
	color: #f945e9;
}
.dir-needs .site-main__body .feeling-voice .dpl-flex {
	flex-wrap: wrap;
	margin-top: -5px;
	margin-top: -0.5rem;
}
.dir-needs .site-main__body .cost-down .bg {
	background: url("../images/cost-down-bg.gif") left top / auto repeat scroll;
	padding: 10px;
	padding: 1rem;
}
.dir-needs .site-main__body .cost-down__howto {
	border: solid 6px #b70314;
	padding: 20px 15px;
	padding: 2rem 1.5rem;
}
.dir-needs .site-main__body .cost-down__howto li {
	line-height: 1.2;
	margin-top: 0.5rem;
}
.dir-needs .site-main__body .cost-down__howto li:first-child {
	margin-top: 0;
}
.dir-needs .site-main__body .cost-down__howto .outlined-character {
	background: #ca0014;
	border-radius: 50rem !important;
	padding: 10px 20px;
	padding: 1rem 2rem;
}
.dir-needs .site-main__body .cost-down__howto .bordered-character {
	color: #ca0014;
	padding: 10px 20px;
	padding: 1rem 2rem;
}
.dir-needs .site-main__body .cost-down__howto .bordered-character::before {
	border-color: #ca0014;
	border-radius: 50rem !important;
}
.dir-needs .site-main__body .cost-down__howto .fa-angle-double-down {
	font-size: 24px;
	font-size: 2.4rem;
}


/* 品質重視ページ
------------------------*/
.site-main__body.needs1 {
}