@charset "utf-8";
#section_01 {
	width: 100%;
	height: auto;
}
	.section_01__inner {
		width: 90%;
		max-width: 1312px;
		height: auto;
		padding: 200px 0;
		margin: 0 auto;
	}
		.articles__area_list {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
			width: 100%;
			height: auto;
			margin: 0 auto 80px;
		}
			.articles__area_list::before,
			.articles__area_list::after {
				content: '';
				display: block;
				width: 21.34146%;
				height: 0;
			}
			.articles__area_list::before {
				order: 1;
			}
			.articles__area_list__item {
				width: 21.34146%;
				height: auto;
				pointer-events: none;
			}
			.articles__area_list__item.active {
				pointer-events: auto;
			}
			.articles__area_list__item:not(:nth-last-of-type(-n+4)) {
				margin-bottom: 80px;
			}
				.articles__area_list__item_wrap {
					display: block;
					width: 100%;
					height: auto;
				}
					.articles__area_list__item__area_name {
						width: 100%;
						height: auto;
						margin: 0 auto 8px;
						font-size: 24px;
						font-weight: 500;
						line-height: 1.8;
						color: var(--color--navy);
					}
					.articles__area_list__item__city {
						width: 100%;
						height: auto;
						margin: 0 auto 16px;
						font-size: 14px;
						font-weight: 500;
						line-height: 1.5;
						color: var(--color--navy);
					}
					.articles__area_list__item__image {
						width: 100%;
						height: auto;
						margin: 0 auto 16px;
					}
						.articles__area_list__item__image_01,
						.articles__area_list__item__image_02 {
							width: 100%;
							height: auto;
							aspect-ratio: 1 / 0.664;
							overflow: hidden;
						}
						.articles__area_list__item__image img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
						}
						@media (any-hover: hover) {
							.articles__area_list__item img {
								transition: opacity 1s .3s, transform 1s 0s;
								-webkit-transition: opacity 1s .3s, transform 1s 0s;
								transform: scale(1);
							}
							.articles__area_list__item:hover img {
								transform: scale(1.07);
							}
						}
					.articles__area_list__item__txt {
						width: 100%;
						height: 64px;
						margin: 0 auto 16px;
						font-size: 15px;
						font-weight: 500;
						line-height: 2;
						text-align: justify;
						color: var(--color--navy);
						overflow: hidden;
						display: none;
					}
					.articles__area_list__item.active .articles__area_list__item__txt {
						display: block;
					}
					.articles__area_list__item__btn_wrap {
						width: 100%;
						height: auto;
						display: none;
					}
					.articles__area_list__item.active .articles__area_list__item__btn_wrap {
						display: block;
					}
					@media (any-hover: hover) {
						.articles__area_list__item:hover .line_btn.midgray {
							border-color: var(--color--navy);
						}
							.articles__area_list__item:hover .line_btn .arrow {
								left: 16px;
							}
								.articles__area_list__item:hover .line_btn.midgray .arrow::before {
									background-color: var(--color--navy);
								}
					}

/* PC ================================================== */
@media all and (max-width:1110px){
/* section_02 */
	.about_list__item__details {
		padding: 0 50px;
	}
}

/* Tablet ================================================== */
@media all and (max-width:991px){
/* section_01 */
	.section_01__inner {
		width: 90%;
	}
				.articles__area_list::before {
					display: none;
				}
				.articles__area_list::before,
				.articles__area_list::after {
					width: 29%;
				}
				.articles__area_list__item {
					width: 29%;
				}
				.articles__area_list__item:not(:nth-last-of-type(-n+4)) {
					margin-bottom: initial;
				}
				.articles__area_list__item:not(:nth-last-of-type(-n+3)) {
					margin-bottom: 60px;
				}
}

/* SP ================================================== */
@media all and (max-width:768px){
/* section_01 */
	.section_01__inner {
		width: 83%;
		padding: 80px 0 160px;
	}
			.articles__area_list {
				margin: 0 auto 64px;
			}
				.articles__area_list::before,
				.articles__area_list::after {
					display: none;
				}
				.articles__area_list__item {
					width: 46%;
				}
				.articles__area_list__item:not(:nth-last-of-type(-n+4)) {
					margin-bottom: initial;
				}
				.articles__area_list__item:not(:nth-last-of-type(-n+2)) {
					margin-bottom: 64px;
				}
}

@media all and (max-width:575px){
/* section_01 */
			.articles__area_list {
				display: block;
			}
				.articles__area_list::before,
				.articles__area_list::after {
					display: none;
				}
				.articles__area_list__item {
					width: 100%;
				}
				.articles__area_list__item:not(:nth-last-of-type(-n+2)) {
					margin-bottom: initial;
				}
				.articles__area_list__item:not(:last-of-type) {
					margin-bottom: 64px;
				}
}