@charset "utf-8";

:not(str-inner) > :where(.plain-html) #wrapper {
	color: #000;
}

:not(str-inner) > :where(.plain-html) #wrapper::after{
	background: url(/-/media/Project/Canon/CanonJP/Personal/event/audition/graphgate/image/white-wire.png) repeat center top;
}

@media (max-width: 767px){
	:not(str-inner) > :where(.plain-html) #wrapper{
		background-image: url(/-/media/Project/Canon/CanonJP/Personal/event/audition/graphgate/image/2025/page-bg-2025-sp.jpg);
		background-color: #000;
	}
}

.g-nav .anchor-list {
	padding: 0;
}
.g-nav .anchor-list > li a > span > span:before {
	background: #fff;
}

@media (max-width: 825px){
	.g-nav .anchor-list {
		padding: 0;
	}
}

.g-nav .anchor-list > li::before {
	border-color: #fff !important;
	background-color: #FFF !important;
}
.g-nav__pullDown__trigger > span::after{
	color: #FFF;
}
.g-nav__pullDown__menu > li > a > span::after{
	border-color: #FFF;
}
.results {
	background: rgba(255, 255, 255, 0.4);
}
.results__inner h3 {
	color: #000;
}
.results__name__order {
	font-size: 18px;
}
@media (max-width: 767px){
	.results__name__order {
		font-size: 2.4vw;
	}
	.g-nav__pullDown__trigger > span::after{
		color: #555;
	}
}

.title__main {
	position: relative;
	z-index: 6;
}
.lead__text {
	position: relative;
	z-index: 5;
}
.lead__text h2 {
	position: relative;
	color: #ff3000;
	z-index: 4;
}
.lead__text p {
	position: relative;
	color: #ff3000;
	z-index: 3;
}
.lead__text::after {
	content: "";
	width: 1400px;
	max-width: 100%;
	aspect-ratio: 1400 / 1462;
	background: url(/-/media/Project/Canon/CanonJP/Personal/event/audition/graphgate/image/page-bg-light.png) no-repeat center center / 100% 100%;
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -39%);
}
@media (max-width: 767px){
	.lead__text::after {
		width: 100%;
		max-width: 100vw;
		aspect-ratio: 750 / 1357;
		background: url(/-/media/Project/Canon/CanonJP/Personal/event/audition/graphgate/image/page-bg-light-sp.png) no-repeat center center / 100% 100%;
		left: 0;
		top: 50%;
		transform: translate(0, -44%);
}
}
.member__list__img::before {
	border-top: #ff3000 4px solid;
	border-left: #ff3000 4px solid;
}
.member__list__img::after {
	border-top: #ff3000 4px solid;
	border-right: #ff3000 4px solid;
}
.member__list__img__inner::after {
	border-bottom: #ff3000 4px solid;
	border-right: #ff3000 4px solid;
}
.member__list__img__inner::before {
	border-bottom: #ff3000 4px solid;
	border-left: #ff3000 4px solid;
}

@media (max-width: 767px){
	.member__list__img::before {
		border-top: #ff3000 .6vw solid;
		border-left: #ff3000 .6vw solid;
	}
	.member__list__img::after {
		border-top: #ff3000 .6vw solid;
		border-right: #ff3000 .6vw solid;
	}
	.member__list__img__inner::after {
		border-bottom: #ff3000 .6vw solid;
		border-right: #ff3000 .6vw solid;
	}
	.member__list__img__inner::before {
		border-bottom: #ff3000 .6vw solid;
		border-left: #ff3000 .6vw solid;
	}
}

.member .inquiry {
	padding-top: 0;
}
@media (max-width: 767px) {
	.inquiry {
			padding: 9.33333vw 0 2.66666vw;
	}
	.member {
		margin-bottom: 15.33333vw;
	}
}
.inquiry .secretariat {
	color: #000;
}
.inquiry .copy {
	color: #000;
}
.outline {
	width: 856px;
	max-width: 90.01051vw;
	padding: 0;
	margin: 160px auto 60px;
	color: #000;
}
@media (max-width: 767px){
	.outline {
		margin: 16.82439vw auto 6.30914vw;
	}
}
:not(str-inner) > :where(.plain-html) .outline p {
	text-align: justify;
}
.outline span {
	display: inline-block;
	margin-bottom: 40px;
	text-align: center;
	font-size: 20px;
	line-height: 1.7;
	letter-spacing: 0.1em;
}
@media (max-width: 767px){
	.outline span {
		display: inline-block;
		margin-bottom: 6vw;
		font-size: 2.66666vw;
	}
}

.news .news-txt span{
	display: inline-block;
}
.news .news-txt .sp{
	display: none;
}

@media (max-width: 767px) {
	.news .news-txt .sp{
		display: inline-block;
	}
}