@charset "utf-8";
/* CSS Document */

.listing {
}

.listing_point {
	.listing_point_lists {
	}
	.listing_point_list {
	}
	.listing_point_list:last-child {
		margin-bottom: 0;
	}
	.listing_point_list_title {
		display: flex;
		align-items: center;
		color: var(--color_orange);
	}
	.listing_point_list_title span {
		color: rgba(255,255,255,0.9);
		background: #0513be;
		border-radius: 2px;
	}
	.listing_point_list_title span:before {
		content: 'POINT.';
	}
	.listing_point_list_text {
	}
	.listing_point_afterword {
		color: #555;
		border: 1px solid #bbb;
		border-radius: 5px;
	}
}

.listing_example {
	.listing_example_lists {
	}
	.listing_example_list {
		border: 1px solid #ddd;
	}
	.listing_example_list:last-child {
		margin-bottom: 0;
	}
	.listing_example_image {
		display: block;
		width: 100%;
	}
}


/* --------------------------------------------------
PC
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.listing {
	}

	.listing_point {
		margin-bottom: 30px;
		.listing_point_lists {
			margin-bottom: 20px;
		}
		.listing_point_list {
			margin-bottom: 15px;
		}
		.listing_point_list_title {
			font-size: 18px;
			margin-bottom: 3px;
		}
		.listing_point_list_title span {
			font-size: 14px;
			margin-right: 4px;
			padding: 2px 8px;
		}
		.listing_point_list_title span:before {
		}
		.listing_point_list_text {
			font-size: 14px;
			line-height: 1.7;
			padding: 3px;
		}
		.listing_point_afterword {
			line-height: 1.7;
			margin-bottom: 30px;
			padding: 10px 20px;
		}
	}

	.listing_example {
		.listing_example_lists {
		}
		.listing_example_list {
			margin-bottom: 15px;
			padding: 15px;
		}
		.listing_example_image {
		}
	}
}


/* --------------------------------------------------
スマホ
-------------------------------------------------- */
@media all and (max-width: 767px) {
	.listing {
	}

	.listing_point {
		margin-bottom: 7.5vw;
		.listing_point_lists {
			margin-bottom: 4vw;
		}
		.listing_point_list {
			margin-bottom: 3.75vw;
		}
		.listing_point_list_title {
			font-size: 4vw;
			margin-bottom: 0.75vw;
		}
		.listing_point_list_title span {
			font-size: 3vw;
			margin-right: 0.75vw;
			padding: 0.5vw 2vw;
		}
		.listing_point_list_title span:before {
		}
		.listing_point_list_text {
			font-size: 3.25vw;;
			line-height: 1.7;
			padding: 0.75vw;
		}
		.listing_point_afterword {
			font-size: 3.25vw;
			line-height: 1.7;
			margin-bottom: 7.5vw;
			padding: 2vw 4vw;
		}
	}

	.listing_example {
		.listing_example_lists {
		}
		.listing_example_list {
			margin-bottom: 3.75vw;
			padding: 3.75vw;
		}
		.listing_example_image {
		}
	}
}