@charset "UTF-8";

.en {
		font-family: "Slackside One", cursive;
		font-weight: 400;
		font-style: normal;
	}
.report-main {color: #4a5a5d;}
/* report-main-header */
@media all {
	.report-main-header {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.report-main-header-ttl {
		position: relative;
		z-index: 2;
		text-align: center;
	}
	.report-main-header-ttl span {display: block;}
	.report-main-header-ttl .ja {font-weight: 900;}
	.report-main-header-ttl .en {
		margin-top: .5em;
		font-weight: normal;
	}
	.report-main-header-img {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 区部 */
	.report-main-header-ttl .ja {color: var(--orange-2);}
	.report-main-header-ttl .en {color: var(--orange-1);}

	/* sp */
	@media only screen and (max-width: 767px) {
		.report-main-header-ttl .ja {
			font-size: 3rem;
			line-height: 3rem;
		}
		.report-main-header-ttl .ja .small {font-size: 2rem;}
		.report-main-header-ttl .en {font-size: 1.8rem;}

		/* 区部 */
		#kubu .report-main-header {height: 33.7rem;}
		#kubu .report-main-header-ttl {margin-top: -3rem;}
		#kubu .report-lead-section {margin-top: -2.6rem;}
	}
	
	/* tab & pc */
	@media (min-width: 768px) {
		.report-main-header-ttl .ja {
			font-size: 4.8rem;
			line-height: 5rem;
		}
		.report-main-header-ttl .ja .small {font-size: 3.6rem;}
		.report-main-header-ttl .en {font-size: 2.5rem;}
		
		/* 区部 */
		#kubu .report-main-header {height: 43rem;}
		#kubu .report-main-header-ttl {margin-top: -1.5rem;}
		#kubu .report-lead-section {margin-top: -3.1rem;}
	}
}

/* report-lead-section */
@media all {
	.ul {display: block;}

	/* 区部 */
	.report-lead-section {
		position: relative;
		background-color: var(--orange-6);
		font-weight: bold;
		text-align: center;
	}
	.report-lead-section::after {
		content: '';
		position: absolute;
		top: calc(100% - 1px);
		left: 0;
		display: block;
		width: 100%;
		background-color: var(--orange-6);
	}
	/* sp */
	@media only screen and (max-width: 767px) {
		.report-lead-section {
			padding: 8rem 2rem 13.5rem;
			font-size: 1.6rem;
			line-height: 3.6rem;
			white-space: nowrap;
		}
		.ul > span {
			position: relative;
			display: block;
		}
		.ul > span::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
			width: 100%;
			height: .2rem;
			background: center left / contain repeat-x url(../img/event/dot-row.png);
		}
	}
	
	/* tab & pc */
	@media (min-width: 768px) {
		.report-lead-section {
			padding: 9.5rem 0 15rem;
			font-size: 2rem;
			line-height: 5.2rem;
		}
		.report-lead-section p {
			margin: 0 auto;
			width: 85rem;
		}
		.ul {position: relative;}
		.ul::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
			width: 100%;
			height: .2rem;
			background: center left / contain repeat-x url(../img/event/dot-row.png);
		}
		@media (max-width: 890px) {
			.report-lead-section p {
				padding: 0 2rem;
				width: 100%;
				font-size: 2.247vw;
			}
		}
	}
}

/* report-section */
@media all {
	.report-section {
		position: relative;
		background: center top repeat;
	}
	.report-section::before {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 0;
		display: block;
		width: 100%;
		background: center bottom repeat;
		mask-size: cover;
		mask-position: bottom center;
	}
	.section-bg-dot,
	.section-bg-dot::before {
		background-image: url(../img/report/kubu/bg-dot.png);
	}
	.section-bg-grid,
	.section-bg-grid::before {
		background-image: url(../img/report/kubu/bg-grid.png);
	}
	.section-bg-wave,
	.section-bg-wave::before {
		background-image: url(../img/report/kubu/bg-wave.png);
	}
	.section-bg-triangle,
	.section-bg-triangle::before {
		background-image: url(../img/report/kubu/bg-triangle.png);
	}

	.report-section-ttl {
		font-weight: bold;
		color: #fff9ef;
		text-align: center;
		background: center / contain no-repeat;
	}
	.report-content .report-section:nth-child(odd) .report-section-ttl {
		transform: rotate(-6deg);
	}
	.report-content .report-section:nth-child(even) .report-section-ttl {
		transform: rotate(6deg);
	}
	.report-section-ttl-img {width: auto;}
	.report-section-ttl-txt {display: block;}
	
	.report-list > li {
		position: relative;
		flex-shrink: 0;
		text-align: center;
	}
	.report-list > li:is(.item2, .item4) {transition-delay: .3s;}
	.report-list .figcap {
		position: absolute;
		width: auto;
		max-width: none;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.report-section {padding-bottom: 11rem;}
		.section-bg-dot,
		.section-bg-grid,
		.section-bg-wave,
		.section-bg-triangle,
		.section-bg-dot::before,
		.section-bg-grid::before,
		.section-bg-wave::before,
		.section-bg-triangle::before {
			background-size: 12rem 12rem;
		}
		.report-section::before {
			height: 3rem;
			mask-image: url(../img/report/bg-mask-sp.svg);
		}

		.report-section-ttl {
			padding-top: 2.2rem;
			padding-left: 3.6rem;
			width: 25.6rem;
			height: 12rem;
		}
		.report-content .report-section:nth-child(odd) .report-section-header {
			transform: translate(2em, -5.5em);
		}
		.report-content .report-section:nth-child(even) .report-section-header {
			transform: translate(7.6em, -5.5em);
		}
		.report-content .report-section:nth-child(odd) .report-section-ttl {
			background-image: url(../img/report/kubu/tag1-sp.svg);
		}
		.report-content .report-section:nth-child(even) .report-section-ttl {
			background-image: url(../img/report/kubu/tag2-sp.svg);
		}
		.report-section-ttl-img {height: 3rem;}
		.report-section-ttl-txt {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-top: 1.6rem;
			font-size: 1.4rem;
			line-height: 2.2rem;
			height: 4.25rem;
		}

		.report-list-wrapper {
			position: relative;
			margin-top: -5.5rem;
			overflow-x: auto;
		}
		.report-list {
			position: relative;
			display: flex;
			align-items: center;
			column-gap: 6rem;
			padding: .5rem 3rem 2.5rem;
			/* width: 120.6rem; */
			height: 34rem;
		}

		.report-list > li {
			width: 24.8rem;
		}
		.report-list > li.tate .report-img {
			width: 18.48rem;
		}
		.report-list > li:first-child::before {
			content: '';
			position: absolute;
			z-index: 10;
			top: calc(50% - 4rem);
			left: calc(50% - 4.5rem);
			display: block;
			width: 9rem;
			height: 7rem;
			opacity: 1;
			background: center / contain no-repeat url(../img/report/swipe.svg);
			pointer-events: none;
		}
		.report-list > li.is-show:first-child::before {
			animation: swipe 1.5s linear .5s forwards;
		}
		.swiped .report-list > li.is-show:first-child::before {
			animation: swipe 1.5s linear 0s forwards;
		}
		@keyframes swipe {
			0% {opacity: 1;}
			66.6% {opacity: 1;}
			100%  {opacity: 0;}
		}
		.report-list > li:last-child {
			width: 27.8rem;
			padding-right: 3rem;
		}
		.report-list > li:last-child:is(.tate) {
			width: 25.8rem;
			padding-right: 1rem;
		}
		.report-list > li.fadeIn {transform: translateY(0);}

		.figcap.tate {width: 4.2rem;}
		.figcap.yoko {height: 4.2rem;}
	}
	
	/* tab & pc */
	@media (min-width: 768px) {
		.report-section {
			padding: 0 5.5rem 20rem;
		}
		.section-bg-dot,
		.section-bg-grid,
		.section-bg-wave,
		.section-bg-triangle,
		.section-bg-dot::before,
		.section-bg-grid::before,
		.section-bg-wave::before,
		.section-bg-triangle::before  {
			background-size: 16rem 16rem;
		}
		.report-section::before {
			height: 4.5rem;
			mask-image: url(../img/report/bg-mask-pc.svg);
		}

		.report-section-ttl {
			margin: 0 auto;
			padding-top: 3.3rem;
			padding-left: 3.2rem;
			width: 36.3rem;
			height: 14.1rem;
		}
		.report-content .report-section:nth-child(odd) .report-section-ttl {
			background-image: url(../img/report/kubu/tag1-pc.svg);
		}
		.report-content .report-section:nth-child(even) .report-section-ttl {
			background-image: url(../img/report/kubu/tag2-pc.svg);
		}
		.report-section-ttl-img {height: 4rem;}
		.report-section-ttl-txt {
			margin-top: 3rem;
			font-size: 1.6rem;
			line-height: 1;
		}

		.report-list {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			row-gap: 9rem;
			margin: 5rem auto 0;
			transform: translateX(-.4rem);
			max-width: 90rem;
		}
		.report-list > li {width: 35.4rem;}
		.report-list > li.tate .report-img {
			width: 26.4rem;
		}

		.figcap.tate {width: 6rem;}
		.figcap.yoko {height: 6rem;}

		/* tab */
		@media (max-width: 979px) {
			.report-list {
				row-gap: 6.75rem;
				max-width: 67.5rem;
			}
			.report-list > li {
				width: 26.55rem;
				text-align: center;
			}
			.report-list > li.tate .report-img {
				width: 19.8rem;
			}

			.figcap.tate {width: 4.5rem;}
			.figcap.yoko {height: 4.5rem;}
		}
	}
}

/* report-section-1 */
@media all {
	.report-section-1 {--base-color: #de1400;}


	/* sp */
	@media only screen and (max-width: 767px) {
		.deco.rk2 {
			top: 5.5rem;
			right: 4.5rem;
			width: 8.2rem;
			height: 7.83rem;
		}
		.report-section-1 .report-img {
			box-shadow: .56rem .56rem 0 var(--base-color);
		}
		.report-section-1 .item1 .figcap {
			top: -3.15rem;
			right: 1.12rem;
			width: 6.3rem;
		}
		.report-section-1 .item2 .figcap {
			top: 17.36rem;
			left: -3.64rem;
		}
		.report-section-1 .item3 .figcap {
			top: 17.36rem;
			left: 3.36rem;
		}
		.report-section-1 .item4 {margin-left: 6rem;}
		.report-section-1 .item4 .figcap {
			top: 2.94rem;
			left: 0;
		}
	}
	
	/* tab & pc */
	@media (min-width: 768px) {
		.report-section-1 .report-section-header {
			transform: translate(-1.6rem, -5.4rem);
		}
		.deco.rk1 {
			top: 4rem;
			left: calc(50% - 30rem);
			width: 7rem;
			height: 9.6rem;
		}
		.deco.rk2 {
			top: 3.5rem;
			left: calc(50% + 21.5rem);
			width: 13.9rem;
			height: 13.3rem;
		}
		.report-section-1 .report-img {
			box-shadow: .8rem .8rem 0 var(--base-color);
		}
		.report-section-1 .item1 .figcap {
			top: -4.5rem;
			right: 1.6rem;
			width: 9rem;
		}
		.report-section-1 .item2 .figcap {
			top: 24.8rem;
			left: -5.2rem;
		}
		.report-section-1 .item3 .figcap {
			top: 24.8rem;
			left: 4.8rem;
		}
		.report-section-1 .item4 .figcap {
			top: 4.2rem;
			left: 0;
		}

		

		/* tab */
		@media (max-width: 979px) {
			
			.report-section-1 .report-img {
				box-shadow: .6rem .6rem 0 var(--base-color);
			}
			.report-section-1 .item1 .figcap {
				top: -3.375rem;
				right: 1.2rem;
				width: 6.75rem;
			}
			.report-section-1 .item2 .figcap {
				top: 18.6rem;
				left: -3.9rem;
			}
			.report-section-1 .item3 .figcap {
				top: 18.6rem;
				left: 3.6rem;
			}
			.report-section-1 .item4 .figcap {
				top: 3.15rem;
				left: 0;
			}
		}

	}
}

/* report-section-2 */
@media all {
	.report-section-2 {--base-color: #ed7200;}
	/* sp */
	@media only screen and (max-width: 767px) {
		.deco.rk3 {
			top: 1.6rem;
			right: calc(100% + .6rem);
			width: 8rem;
			height: 9rem;
		}
		.report-section-2 .report-img {
			box-shadow: .56rem .56rem 0 var(--base-color);
		}
		/* PC * 0.7 */
		.report-section-2 .item1 .figcap {
			top: -3.15rem;
			left: 1.12rem;
		}
		.report-section-2 .item2 .figcap {
			top: 13.16rem;
			left: -3.64rem;
		}
		.report-section-2 .item3 .figcap {
			top: 17.36rem;
			left: 3.36rem;
		}
		.report-section-2 .item4 .figcap {
			top: 1.19rem;
			left: 0;
		}
	}
	
	/* tab & pc */
	@media (min-width: 768px) {
		.report-section-2 .report-section-header {
			transform: translate(-1.6rem, -5.4rem);
		}
		.deco.rk3 {
			top: 0rem;
			left: calc(50% - 34rem);
			width: 13.3rem;
			height: 13.8rem;
		}
		.deco.rk4 {
			top: -.5rem;
			left: calc(50% + 21.5rem);
			width: 12.1rem;
			height: 11.9rem;
		}
		.report-section-2 .report-img {
			box-shadow: .8rem .8rem 0 var(--base-color);
		}
		.report-section-2 .item1 .figcap {
			top: -4.5rem;
			left: 1.6rem;
		}
		.report-section-2 .item2 .figcap {
			top: 18.8rem;
			left: -5.2rem;
		}
		.report-section-2 .item3 .figcap {
			top: 24.8rem;
			left: 4.8rem;
		}
		.report-section-2 .item4 .figcap {
			top: 1.7rem;
			left: 0;
		}

		/* tab */
		@media (max-width: 979px) {
			
			.report-section-2 .report-img {
				box-shadow: .6rem .6rem 0 var(--base-color);
			}
			/* PC * 0.75 */
			.report-section-2 .item1 .figcap {
				top: -3.375rem;
				left: 1.2rem;
			}
			.report-section-2 .item2 .figcap {
				top: 14.1rem;
				left: -3.9rem;
			}
			.report-section-2 .item3 .figcap {
				top: 18.6rem;
				left: 3.6rem;
			}
			.report-section-2 .item4 .figcap {
				top: 1.275rem;
				left: 0;
			}
		}

	}
}

/* report-section-3 */
@media all {
	.report-section-3 {--base-color: #de1400;}
	/* sp */
	@media only screen and (max-width: 767px) {
		.deco.rk6 {
			top: 1.6rem;
			right: 5.3rem;
			width: 7.3rem;
			height: 8.1rem;
		}
		.report-section-3 .report-img {
			box-shadow: .56rem .56rem 0 var(--base-color);
		}
		/* PC * 0.7 */
		.report-section-3 .item1 .figcap {
			top: 1.19rem;
			left: 0;
		}
		.report-section-3 .item2 .figcap {
			top: -3.15rem;
			left: -3.64rem;
		}
		.report-section-3 .item3 .figcap {
			top: 17.36rem;
			left: 3.36rem;
		}
		.report-section-3 .item4 .figcap {
			top: -2.94rem;
			right: 4.05rem;
		}
	}
	
	/* tab & pc */
	@media (min-width: 768px) {
		.report-section-3 .report-section-header {
			transform: translate(-1.6rem, -5.4rem);
		}
		.deco.rk5 {
			top: 4rem;
			left: calc(50% - 33rem);
			width: 10rem;
			height: 10.7rem;
		}
		.deco.rk6 {
			top: 2rem;
			left: calc(50% + 23.5rem);
			width: 12.2rem;
			height: 13.5rem;
		}
		.report-section-3 .report-img {
			box-shadow: .8rem .8rem 0 var(--base-color);
		}
		.report-section-3 .item1 .figcap {
			top: 1.7rem;
			left: 0;
		}
		.report-section-3 .item2 .figcap {
			top: -4.5rem;
			left: -5.2rem;
		}
		.report-section-3 .item3 .figcap {
			top: 24.8rem;
			left: 4.8rem;
		}
		.report-section-3 .item4 .figcap {
			top: -4.2rem;
			right: 1.5rem;
		}

		/* tab */
		@media (max-width: 979px) {
			
			.report-section-3 .report-img {
				box-shadow: .6rem .6rem 0 var(--base-color);
			}
			/* PC * 0.75 */
			.report-section-3 .item1 .figcap {
				top: 1.275rem;
				left: 0;
			}
			.report-section-3 .item2 .figcap {
				top: -3.375rem;
				left: -3.9rem;
			}
			.report-section-3 .item3 .figcap {
				top: 18.6rem;
				left: 3.6rem;
			}
			.report-section-3 .item4 .figcap {
				top: -3.15rem;
				right: 1.125rem;
			}
		}

	}
}

/* report-section-4 */
@media all {
	.report-section-4 {--base-color: #ed7200;}
	.report-notice {
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.8rem;
		text-align: center;
	}
	/* sp */
	@media only screen and (max-width: 767px) {
		.deco.rk7 {
			top: 3.6rem;
			right: calc(100% + 2rem);
			width: 5.1rem;
			height: 7rem;
		}
		.report-section-4 .report-img {
			box-shadow: .56rem .56rem 0 var(--base-color);
		}
		/* PC * 0.7 */
		.report-section-4 .item1 .figcap {
			top: -3.15rem;
			right: 1.05rem;
		}
		.report-section-4 .item2 .figcap {
			top: -3.15rem;
			left: -3.64rem;
		}
		.report-section-4 .item3 .figcap {
			bottom: 1.05rem;
			left: 10.5rem;
		}
		.report-section-4 .item4 .figcap {
			top: -2.94rem;
			left: 1.05rem;
		}

		.report-notice {margin-top: 2rem;}
	}
	
	/* tab & pc */
	@media (min-width: 768px) {
		.report-section-4 .report-section-header {
			transform: translate(-1.6rem, -6.5rem);
		}
		.deco.rk7 {
			top: 4rem;
			left: calc(50% - 33rem);
			width: 8.5rem;
			height: 12.6rem;
		}
		.deco.rk8 {
			top: 2rem;
			left: calc(50% + 23.5rem);
			width: 11.6rem;
			height: 14.9rem;
		}
		.report-section-4 .report-img {
			box-shadow: .8rem .8rem 0 var(--base-color);
		}
		.report-section-4 .item1 .figcap {
			top: -4.5rem;
			right: 1.5rem;
		}
		.report-section-4 .item2 .figcap {
			top: -4.5rem;
			left: -5.2rem;
		}
		.report-section-4 .item3 .figcap {
			bottom: 1.5rem;
			left: 15.5rem;
		}
		.report-section-4 .item4 .figcap {
			top: -4.2rem;
			left: 1.5rem;
		}

		.report-notice {margin-top: 11rem;}

		/* tab */
		@media (max-width: 979px) {
			
			.report-section-4 .report-img {
				box-shadow: .6rem .6rem 0 var(--base-color);
			}
			/* PC * 0.75 */
			.report-section-4 .item1 .figcap {
				top: -3.375rem;
				right: 1.125rem;
			}
			.report-section-4 .item2 .figcap {
				top: -3.375rem;
				left: -3.9rem;
			}
			.report-section-4 .item3 .figcap {
				bottom: 1.125rem;
				left: 11.625rem;
			}
			.report-section-4 .item4 .figcap {
				top: -3.15rem;
				left: 1.125rem;
			}
		}

	}
}

/* end-space */
@media all {
	.end-space {position: relative;}
	/* sp */
	@media only screen and (max-width: 767px) {
		.end-space {height: 12rem;}
		.deco.deco9 {
			top: -5.4rem;
			left: calc(50% - 3.4rem);
			width: 6.8rem;
			height: 12.4rem;
		}
	}
	
	/* tab & pc */
	@media (min-width: 768px) {
		.end-space {height: 10rem;}
		.deco.deco9 {
			top: -12rem;
			left: calc(50% - 5rem);
			width: 10rem;
			height: 16.8rem;
		}
	}
}







/* template */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}
	
	/* tab & pc */
	@media (min-width: 768px) {}
}