@charset "utf-8";
.archive_hdr {
		margin-top: 90px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 2560px;
		background-image: url("../images/archive_hdr_pc.jpg");
		height: 400px;
		display: flex;
		align-items: center;
}
.archive_hdr_inner {
		margin: 0 auto;
		padding: 0 60px;
		box-sizing: border-box;
		width: 100%;
		position: relative;
		z-index: 5;
		color: #fff;
}
@media(min-width: 1201px) {
		.archive_hdr_inner {
				width: 1140px;
		}
}
.archive_hdr_inner h1 {
		font-size: 42px;
		font-weight: 500;
		margin: 0 0 20px;
}
.archive_hdr_inner h1:lang(en) {

}

.archive_hdr_inner p {
		font-family: 'Roboto';
		font-weight: 300;
		font-size: 20px;
}
@media(max-width: 960px) {
		.archive_hdr {
				margin-top: 80px;
		}
}
@media(max-width: 767px) {
		.archive_hdr {
				margin-top: 59px;
				background-size: cover;
				background-image: url("../images/archive_hdr_sp.jpg");
				height: 48vw;
				background-position: right center;
		}
		.archive_hdr_inner h1 {
				font-size: 28px;
				margin: 0 0 15px;
		}
		.archive_hdr_inner p {
				font-size: 16px;
		}
}
.archive_wrap {
		max-width: 915px;
		margin: 0 auto;
		padding: 140px 30px;
}
.archive_col {
		margin-bottom: 120px;
}
.archive_figure {
		margin-bottom: 25px;
		overflow: hidden
}
.archive_figure img {
		width: 100%;
		height: auto;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.archive_figure a:hover img {
				transform: scale(1.02)
		}
}
.archive_hd {
		font-size: 32px;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 20px;
}
.archive_caption p {
		line-height: 1.8;
		margin: 0 0 40px;
}
@media(max-width: 767px) {
		.archive_wrap {
				padding: 80px 20px;
		}
		.archive_col {
				margin-bottom: 120px;
		}
		.archive_figure {
				margin-bottom: 25px;
				overflow: hidden
		}
		.archive_hd {
				font-size: 20px;
				margin: 0 0 15px;
		}
		.archive_caption p {
				margin: 0 0 30px;
		}
}