@charset "UTF-8";

sup,
sub {
	font-size: 50%;
}

sup {
	top: -1em;
}

.cinzel {
  font-family: "Cinzel", serif;
}

/* kv
---------------------------------------------- */
.kv {
	height: auto;
}

/* intro
---------------------------------------------- */
.intro {
	padding-block: clamp(50px, 0.55rem + 11vw, 220px) clamp(50px, 1.76rem + 5.83vw, 140px);
}

.intro__copy {
	font-size: clamp(22px, 0.88rem + 1.04vw, 34px);
	letter-spacing: 0.06em;
	line-height: 1.6;
	text-align: center;
}

.intro__copy .num {
	font-size: 176.47%;
	letter-spacing: 0.06em;
	color: #012d8d;
}

@media screen and (max-width: 768px) {
	.intro__copy {
	}

	.intro__copy .num {
		font-size: 272.727%;
	}
}

/* developerArea
---------------------------------------------- */
.developerArea + .developerArea {
	margin-top: clamp(60px, 1.93rem + 7.77vw, 180px);
}
.developerTtl {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 4%;
	max-width: 1280px;
}
.developerTtl::before,
.developerTtl::after {
	content: '';
	flex: 1;
	/* width: 100%; */
	height: 1px;
	background-color: #666;
}

.developerTtl img {
	display: block;
}

.developerContents {
	max-width: 1280px;
	margin-top: 70px;
}

.archiveList {
	display: grid;
}

/* itochu */
.itochu .developerTtl img {
	width: 296px;
}

.itochu .archiveList {
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: .5fr .5fr;
}

.itochu .archiveList > li:nth-child(1) {
	grid-row: 1/3;
}
.itochu .archiveList > li:nth-child(2) {
	grid-row: 1 / 2;
	grid-column: 2 / 4;
}
.itochu .archiveList > li:nth-child(3) {
	grid-row: 2 / 3;
	grid-column: 2 / 4;
}
.itochu .archiveList > li:nth-child(4) {
	grid-row: 1/3;
}

/* nippo */
.nippo .developerTtl img {
	width: 187px;
}

.nippo .archiveList {
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: .5fr .5fr;
}

.nippo .archiveList > li:nth-child(1) {
	grid-row: 1/3;
}
.nippo .archiveList > li:nth-child(3) {
	grid-row: 2/3;
}
.nippo .archiveList > li:nth-child(4) {
	grid-area: 1/3/3/5;
}

/* toray */
.toray .developerTtl img {
	width: 429px;
}

.toray .archiveList {
	grid-template-columns: repeat(2, 1fr);
}

/* sogo */
.sogo .developerTtl img {
	width: 216px;
}

.sogo .archiveList {
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: .5fr .5fr;
}

.sogo .archiveList > li:nth-child(1) {
	grid-area: 1/1/3/3;
}
.sogo .archiveList > li:nth-child(2) {
	grid-area: 1/3/2/4;
}
.sogo .archiveList > li:nth-child(3) {
	grid-area: 1/4/2/5;
}
.sogo .archiveList > li:nth-child(4) {
	grid-area: 2/3/3/5;
}

/* shinko */
.shinko .developerTtl img {
	width: 243px;
}

.shinko .archiveList {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: .5fr .5fr;
}

.shinko .archiveList > li:nth-child(1) {
	grid-row: 1/3;
}
.shinko .archiveList > li:nth-child(3) {
	grid-row: 2/3;
}
.shinko .archiveList > li:nth-child(4) {
	grid-row: 1/3;
}

@media screen and (max-width: 768px) {
	.developerTtl {
		width: calc(340 / 375 * 100%);
	}

	.developerContents {
		width: calc(340 / 375 * 100%);
		margin-top: 30px;
	}

	.captionList {
		margin-top: 20px;
	}
	.captionList > li {
		font-size: 10px;
		letter-spacing: 0.05em;
		line-height: 1.6;
	}

	.captionList > li > a {
		text-decoration: underline;
	}

	.itochu .developerTtl img {
		width: 187px;
	}

	.nippo .developerTtl img {
		width: 115px;
	}

	.toray .developerTtl img {
		width: 270px;
	}

	.sogo .developerTtl img {
		width: 134px;
	}

	.shinko .developerTtl img {
		width: 154px;
	}
}