@charset "utf-8";
#column {
	width: 100%;
	height: auto;
}
	.column__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		padding: 50px 0 120px;
		margin: 0 auto;
	}
		.column__list_wrap {
			width: 100%;
			height: auto;
			padding: 30px 0 0;
			margin: 0 auto;
		}
			.column__list {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				column-gap: 30px;
				row-gap: 50px;
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
				.column__list__item {
					width: 100%;
					height: auto;
				}
					.column__list__item__image {
						width: 100%;
						height: auto;
						aspect-ratio: 315 / 350;
						overflow: hidden;
					}
						.column__list__item__image img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
						}
					.column__list__item__content {
						width: 100%;
						height: auto;
						padding: 10px 0;
					}
						.column__list__item__ttl {
							width: 100%;
							height: auto;
							font-size: 14px;
							font-weight: 400;
							line-height: calc(21 / 12);
							letter-spacing: 0.05em;
							color: var(--color--black);
						}
				@media (any-hover: hover) {
					.column__list__item__image img {
						transition: .4s;
						opacity: 1;
						transform: scale(1);
					}
					.column__list__item:hover .column__list__item__image img {
						opacity: .8;
						transform: scale(1.03);
					}
						.column__list__item__ttl {
							transition: .4s;
						}
						.column__list__item:hover .column__list__item__ttl {
							color: var(--color--hover_text);
						}
				}

/* PC ================================================== */
@media all and (min-width: 720px){

}

/* Tablet ================================================== */
@media all and (max-width: 719px){
/* column */
	.column__inner {
		width: calc((400 / 440) * 100%);
		padding: 50px 0 80px;
	}
		.column__list_wrap {
			padding: 0;
		}
			.column__list {
				grid-template-columns: repeat(1, 1fr);
				column-gap: 0px;
				row-gap: 20px;
			}
					.column__list__item__image {
						aspect-ratio: 1 / 1;
					}
					.column__list__item__content {
						padding: 10px 0;
					}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}