/* Other Works
=========================================================================
=========================================================================*/
/* section-01 */
article section .inner ul.rows_3_01 {
	display: flex;
	gap: 0 calc(33 / 1000 * 100%);
}

article section .inner ul.rows_3_01 li {
	width: calc(311 / 1000 * 100%);
}

article section .inner ul.rows_3_01 li:nth-child(1).active img {
	transition-delay: 0s;
}

article section .inner ul.rows_3_01 li:nth-child(2).active img {
	transition-delay: .5s;
}

article section .inner ul.rows_3_01 li:nth-child(3).active img {
	transition-delay: 1s;
}

/* section-02 */
article section .inner ul.rows_2_01 {
	display: flex;
	flex-wrap: wrap;
	gap: 0 calc(95 / 1000 * 100%);
}

article section .inner ul.rows_2_01 li:first-child {
	width: calc(480 / 1000 * 100%);
}

article section .inner ul.rows_2_01 li:last-child {
	position: relative;
	width: calc(425 / 1000 * 100%);
}

article section .inner ul.rows_2_01 li:last-child img:first-child {
	width: calc(270 / 425 * 100%);
}

article section .inner ul.rows_2_01 li:last-child img:last-child {
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(270 / 425 * 100%);
}

article section .inner ul.rows_2_01 li:nth-child(1).active img {
	transition-delay: 0s;
}

article section .inner ul.rows_2_01 li:nth-child(2).active img:first-child {
	transition-delay: .5s;
}

article section .inner ul.rows_2_01 li:nth-child(2).active img:last-child {
	transition-delay: 1s;
}

/* section-03 */
article section .inner ul.rows_2_02 {
	display: flex;
	flex-wrap: wrap;
	gap: 0 calc(100 / 1000 * 100%);
}

article section .inner ul.rows_2_02 li {
	width: calc(450 / 1000 * 100%);
}

article section .inner ul.rows_2_02 li:nth-child(1).active img {
	transition-delay: 0s;
}

article section .inner ul.rows_2_02 li:nth-child(2).active img {
	transition-delay: .5s;
}

/* section-04 */
article section .inner ul.rows_2_03 {
	display: flex;
	flex-wrap: wrap;
	gap: 0 calc(40 / 1000 * 100%);
}

article section .inner ul.rows_2_03 li {
	width: calc(480 / 1000 * 100%);
}

article section .inner ul.rows_2_03 li img:first-child {
	margin-bottom: 20px;
}

article section .inner ul.rows_2_03 li:last-child {
	padding-top: 90px;
}

article section .inner ul.rows_2_03 li:nth-child(1).active img:first-child {
	transition-delay: 0s;
}

article section .inner ul.rows_2_03 li:nth-child(1).active img:last-child {
	transition-delay: .5s;
}

article section .inner ul.rows_2_03 li:nth-child(2).active img:first-child {
	transition-delay: 1s;
}

article section .inner ul.rows_2_03 li:nth-child(2).active img:last-child {
	transition-delay: 1.5s;
}

/* section-05 */
article section .inner ul.rows_3_02 {
	display: flex;
	flex-wrap: wrap;
	gap: 0 0;
}

article section .inner ul.rows_3_02 li {
	width: calc(1 / 3 * 100%);
}

article section .inner ul.rows_3_02 li:nth-child(1).active img {
	transition-delay: 0s;
}

article section .inner ul.rows_3_02 li:nth-child(2).active img {
	transition-delay: .5s;
}

article section .inner ul.rows_3_02 li:nth-child(3).active img {
	transition-delay: 1s;
}

article section .inner ul.rows_3_02 li:nth-child(4).active img {
	transition-delay: 1.5s;
}

article section .inner ul.rows_3_02 li:nth-child(5).active img {
	transition-delay: 2s;
}

article section .inner ul.rows_3_02 li:nth-child(6).active img {
	transition-delay: 2.5s;
}

/* section-06 */
article section .inner ul.rows_2_04 {
	display: flex;
	flex-wrap: wrap;
	gap: 0 calc(95 / 1000 * 100%);
}

article section .inner ul.rows_2_04 li:first-child {
	width: calc(480 / 1000 * 100%);
}

article section .inner ul.rows_2_04 li:last-child {
	position: relative;
	width: calc(425 / 1000 * 100%);
}

article section .inner ul.rows_2_04 li:last-child img:first-child {
	width: calc(270 / 425 * 100%);
}

article section .inner ul.rows_2_04 li:last-child img:last-child {
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(270 / 425 * 100%);
}

article section .inner ul.rows_2_04 li:nth-child(1).active img {
	transition-delay: 0s;
}

article section .inner ul.rows_2_04 li:nth-child(2).active img:first-child {
	transition-delay: .5s;
}

article section .inner ul.rows_2_04 li:nth-child(2).active img:last-child {
	transition-delay: 1s;
}


/*  767px以下
=========================================================================
=========================================================================*/
@media screen and (max-width:767px) {

	/* section-01 */
	article section.scroll {
		padding: 50px 0 !important;
	}

	article section.scroll .inner {
		overflow-x: auto;
	}

	article section .inner ul.rows_3_01 {
		gap: 0 calc(34 / 1000 * 100%);
		width: calc(1000 / 390 * 100%);
		margin-left: calc(35 / 390 * 100%);
	}

	article section .inner ul.rows_3_01 li {
		width: calc(311 / 1000 * 100%);
	}

	/* section-02 */
	article section .inner ul.rows_2_01 {
		gap: 50px 0;
	}

	article section .inner ul.rows_2_01 li:first-child {
		width: 100%;
	}

	article section .inner ul.rows_2_01 li:last-child {
		width: 100%;
	}

	article section .inner ul.rows_2_01 li:last-child img:first-child {
		margin-bottom: calc(313 / 350 * 100%);
		width: calc(220 / 350 * 100%);
	}

	article section .inner ul.rows_2_01 li:last-child img:last-child {
		width: calc(220 / 350 * 100%);
	}

	/* section-03 */
	article section .inner ul.rows_2_02 {
		gap: 50px 0;
	}

	article section .inner ul.rows_2_02 li {
		width: 100%;
	}

	/* section-04 */
	article section .inner ul.rows_2_03 {
		gap: 20px 0;
	}

	article section .inner ul.rows_2_03 li {
		width: 100%;
	}

	article section .inner ul.rows_2_03 li:last-child {
		padding-top: 0;
	}

	/* section-05 */
	article section .inner ul.rows_3_02 li {
		width: calc(1 / 2 * 100%);
	}

	/* section-06 */
	article section .inner ul.rows_2_04 {
		gap: 50px 0;
	}

	article section .inner ul.rows_2_04 li:first-child {
		width: 100%;
	}

	article section .inner ul.rows_2_04 li:last-child {
		width: 100%;
	}

	article section .inner ul.rows_2_04 li:last-child img:first-child {
		margin-bottom: calc(431 / 350 * 100%);
		width: calc(220 / 350 * 100%);
	}

	article section .inner ul.rows_2_04 li:last-child img:last-child {
		width: calc(220 / 350 * 100%);
	}

}

/*  420px以下
=========================================================================
=========================================================================*/
@media screen and (max-width:420px) {}