/**
 *
 * page-projects.scss
 *
 */
@media screen and (min-width: 1024px) {
	.projects-main {
		padding-bottom: 8rem;
	}
}

/* ------------------------------------------------------------
 projects-localnav
------------------------------------------------------------ */
.projects-localnav {
	position: sticky;
	top: var(--header-height-sticky);
	padding-bottom: var(--space-xs);
}

@media screen and (min-width: 1024px) {
	.projects-localnav li + li {
		margin-top: 4rem;
	}
}

@media screen and (max-width: 1023px) {
	.projects-localnav li + li {
		margin-top: 1.5rem;
	}
}

.projects-localnav a {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.projects-localnav a.is-current .projects-localnav__title {
	height: var(--height);
}

.projects-localnav__num {
	font-family: var(--font-sans-serif);
	font-weight: 400;
}

@media screen and (min-width: 1024px) {
	.projects-localnav__num {
		font-size: var(--font-size12);
	}
}

@media screen and (max-width: 1023px) {
	.projects-localnav__num {
		font-size: var(--font-size13);
	}
}

.projects-localnav__title {
	height: 0;
	overflow: hidden;
	transition: height var(--transition-current);
}

@media screen and (min-width: 1024px) {
	.projects-localnav__title {
		margin-top: 1rem;
	}
}

@media screen and (max-width: 1023px) {
	.projects-localnav__title {
		margin-top: 0.5rem;
	}
}

.projects-localnav__title span {
	display: block;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}

@media screen and (min-width: 1024px) {
	.projects-localnav__title span {
		font-size: var(--font-size14);
	}
}

@media screen and (max-width: 1023px) {
	.projects-localnav__title span {
		font-size: var(--font-size13);
	}
}

/* ------------------------------------------------------------
 projects-article
------------------------------------------------------------ */
.projects-article {
	border-top: var(--solid2);
}

@media screen and (min-width: 1024px) {
	.projects-article:last-of-type {
		border-bottom: var(--solid2);
	}
	.projects-article:nth-of-type(2n) .projects-article__inner {
		flex-direction: row-reverse;
	}
	.projects-article:nth-of-type(2n) .projects-article__contents {
		padding-left: 0;
		padding-right: var(--gap);
	}
}

.projects-article__inner {
	padding: var(--space-xs) 0;
}

@media screen and (min-width: 1024px) {
	.projects-article__inner {
		display: flex;
		justify-content: space-between;
	}
}

/* ---------- projects-article__figure ---------- */
.projects-article__figure {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.projects-article__figure {
		width: calc( ( 940 / 1400 ) * 100%);
	}
}

@media screen and (min-width: 1024px) {
	.projects-article__figure > div,
	.projects-article__figure > ul {
		min-height: 75.2rem;
		max-height: 112.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.projects-article__figure > div,
	.projects-article__figure > ul {
		max-height: 47.2rem;
	}
}

.projects-article__figure > div::after,
.projects-article__figure > ul::after {
	content: '';
	display: block;
}

@media screen and (min-width: 1024px) {
	.projects-article__figure > div::after,
	.projects-article__figure > ul::after {
		padding-top: calc( ( 900 / 940 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.projects-article__figure > div::after,
	.projects-article__figure > ul::after {
		padding-top: calc( ( 295 / 295 ) * 100%);
	}
}

/* ---------- projects-article__contents ---------- */
.projects-article__contents {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.projects-article__contents {
		width: calc( ( 460 / 1400 ) * 100%);
		padding-left: var(--gap);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
}

@media screen and (max-width: 1023px) {
	.projects-article__contents {
		margin-top: 2rem;
	}
}

/* ----- projects-article__num -----  */
.projects-article__num {
	font-family: var(--font-sans-serif);
	font-weight: 400;
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.projects-article__num {
		font-size: var(--font-size13);
	}
}

@media screen and (max-width: 1023px) {
	.projects-article__num {
		font-size: var(--font-size12);
	}
}

/* ----- projects-article__title -----  */
.projects-article__title {
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.projects-article__title {
		font-size: var(--font-size30);
		margin-top: 2rem;
	}
}

@media screen and (max-width: 1023px) {
	.projects-article__title {
		font-size: var(--font-size20);
		margin-top: 1rem;
	}
}

/* ----- projects-article__small -----  */
.projects-article__small {
	line-height: var(--line-height-normal);
}

@media screen and (min-width: 1024px) {
	.projects-article__small {
		font-size: var(--font-size13);
		margin-top: 2rem;
	}
}

@media screen and (max-width: 1023px) {
	.projects-article__small {
		font-size: var(--font-size12);
		margin-top: 1rem;
	}
}

/* ----- projects-article__txt -----  */
.projects-article__txt {
	margin-top: var(--gap);
}
/*# sourceMappingURL=sourcemaps/page-projects.css.map */