.basic-info {
	width: 100%;
	margin: 1rem 0 1.5rem;
	padding: 0 1rem;
	@media screen and (min-width: 451px) {
		margin: 15px 0 0 0;
		padding: 0;
	}

	display: flex;
	flex-flow: row wrap;

	.basic-info-item {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		border-bottom: .1rem solid #DFDFDF;
		padding: .7rem 0;
		@media screen and (min-width: 451px) {
			border-bottom-width: 1px;
			padding: 10px 0;
		}

		.spec-ttl {
			display: flex;
			background-repeat: no-repeat;
			justify-content: center;
			align-items: center;
			color: #9FBABE;
			background-position-x: 50%;
			padding-top: 2rem;
			width: 6rem;
			height: 5rem;
			font-size: 1rem;
			background-position-y: 1rem;
			@media screen and (min-width: 451px) {
				padding-top: 20px;
				width: 60px;
				height: 50px;
				font-size: 10px;
				background-position-y: 10px;
			}

			&.is-heart {
				background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/menesth-job/assets/img/user/search/ico-aeroblue-heart.svg");
			}
	
			&.is-yen {
				background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/menesth-job/assets/img/user/search/ico-aeroblue-salary.svg");
			}
	
			&.is-time {
				background-image: url("https://dv6drgre1bci1.cloudfront.net/systemfiles.ranking-deli-kyujin.jp/menesth-job/assets/img/user/search/ico-aeroblue-time.svg");
			}
		}

		.spec-body {
			display: flex;
			flex-flow: column nowrap;
			justify-content: center;
			min-height: 50px;
			width: 29.5rem;
			font-size: 1.2rem;
			line-height: 1.7rem;
			padding-right: 1rem;
			@media screen and (min-width: 451px) {
				min-height: 50px;
				width: 590px;
				font-size: 14px;
				line-height: 20px;
				padding-right: 10px;
			}

			.payment {
				display: flex;
				flex-flow: row nowrap;
				column-gap: .5rem;
				margin: .5rem 0 .3rem;
				@media screen and (min-width: 451px) {
					column-gap: 5px;
					margin: 0 0 5px;
				}

				.structure {
					font-weight: bold;
					font-size: 1.1rem;
					@media screen and (min-width: 451px) {
						font-size: 11px;
					}
				}

				.price {
					color: #FF6090;
					font-size: 1.9rem;
					@media screen and (min-width: 451px) {
						font-size: 19px;
					}

					.pay-hourly {
						font-size: 1.1rem;
						@media screen and (min-width: 451px) {
							font-size: 11px;
						}
					}
				}
			}

			.three-row {
				overflow: hidden;
				display: -webkit-box;
				text-overflow: ellipsis;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
			}
		}
	}
}