@charset "utf-8";
#page_top {
	background-image: url(../image/about/about-page_top@pc.webp);
}

#about {
	width: 100%;
	height: auto;
	padding: 100px 0 150px;
}
	.about__inner {
		width: 90%;
		max-width: 740px;
		height: auto;
		margin: 0 auto;
	}
		.about__list {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px 25px;
			width: 100%;
			height: auto;
		}
			.about__list__item {
				width: 100%;
				height: auto;
			}
				.about__list__item__link {
					display: block;
					width: 100%;
					height: auto;
					position: relative;
					overflow: hidden;
				}
					.about__list__item__ttl {
						font-size: 24px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.1em;
						color: var(--color--white);
						white-space: nowrap;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
				@media (any-hover: hover) {
					.about__list__item__link img {
						transition: .3s;
						transform: scale(1);
					}
					.about__list__item__link:hover img {
						transform: scale(1.05);
						opacity: .8;
					}
				}

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

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#page_top {
	background-image: url(../image/about/about-page_top@sp.webp);
}

#about {
	padding: 24px 0;
}
	.about__inner {
		width: 100%;
		max-width: initial;
	}
		.about__list {
			grid-template-columns: repeat(1, 1fr);
			gap: 28px;
		}
			.about__list__item:nth-of-type(1) {
				order: 1;
			}
			.about__list__item:nth-of-type(2) {
				order: 4;
			}
			.about__list__item:nth-of-type(3) {
				order: 2;
			}
			.about__list__item:nth-of-type(4) {
				order: 5;
			}
			.about__list__item:nth-of-type(5) {
				order: 3;
			}
			.about__list__item:nth-of-type(6) {
				order: 6;
			}
}

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

}