@charset "utf-8";
body {
	font-weight: 400;
	font-size: 16px;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Site Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.w-90 {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	border-radius: 15px;
	background-color: #fff;
	/* 500：50px、1280：100px */
	margin-bottom: clamp(3.125rem, 1.122rem + 6.41vw, 6.25rem);
	/* 500：40px、1280：60px */
	padding-bottom: clamp(2.5rem, 1.699rem + 2.56vw, 3.75rem);
	position: relative;
}
@media (min-width: 835px) {
	.w-90 {
		border-radius: 30px;
	}
}
.w-90:last-child {
	margin-bottom: 0;
}
.box-wrap {
	width: 90%;
	max-width: 500px;
	margin: auto;
}
@media (min-width: 835px) {
	.box-wrap {
		max-width: 900px;
	}
}
.bor {
	/* 500：3px、1280：5px */
	border: clamp(0.188rem, 0.107rem + 0.26vw, 0.313rem) solid;
}
.txt-link {
	color: var(--color-blue01);
	text-decoration: underline;
}
@media (min-width: 835px) {
	.half {
		display: flex;
		justify-content: space-between;
	}
}
.note {
	/* 500：35px、1280：50px */
	margin-top: clamp(1.563rem, 0.561rem + 3.21vw, 3.125rem);
	/* 835：8px、1280：13px */
	font-size: clamp(0.5rem, -0.086rem + 1.12vw, 0.813rem);
	line-height: 1.6;
	font-weight: 400;
}
.indent03 {
	padding-left: 3em;
	text-indent: -3em;
}
:root {
	--color-blue01: #01ACC6;
	--color-blue02: #F2FAFA;
	--color-blue03: #0094AB;
	--color-ye: #FAF32F;
	--color01: #95732B;
	--color02: #FF7A62;
}
h3,h4 {
	text-align: center;
	font-weight: bold;
	/* 835：20px、1280：40px */
	font-size: clamp(1.25rem, -1.096rem + 4.49vw, 2.5rem);
	color: var(--color-blue01);
}

.introduction, #content, #guideline {
	position: relative;
}
.min-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: inset(0);
	z-index: -1;
}
.introduction-bg::before, .content-bg::before, .guideline-bg::before {
	content: "";
	width: 100%;
	height: 100vh;
	top: 0;
	position: fixed;
	z-index: -2;
}
.introduction-bg::before {
	background: url(/img/contest/bg1-sp.webp) no-repeat;
	background-size: cover;
	background-position: center top;
}
.content-bg::before {
	background: url(/img/contest/bg2-sp.webp) no-repeat,var(--color-blue01);
	background-size: cover;
	background-position: center top;
}
.guideline-bg::before {
	background: url(/img/contest/bg3-sp.webp) no-repeat,var(--color-blue02);
	background-size: cover;
	background-position: center top;
}

@media (min-width: 835px) {
	.introduction-bg::before {
		background: url(/img/contest/bg1.webp) no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.content-bg::before {
		background: url(/img/contest/bg2.webp) no-repeat,var(--color-blue01);
		background-size: cover;
		background-position: center top;
	}
	.guideline-bg::before {
		background: url(/img/contest/bg3.webp) no-repeat,var(--color-blue02);
		background-size: cover;
		background-position: center top;
	}
}





.visual {
	position: relative;
	background: url(/img/contest/contest-visua01.webp) no-repeat;
	background-position: top center;
	width: 100%;
	max-width: 1920px;
	height: 1485px;
	margin: auto;
	padding-top: 77.9%;
	z-index: 1;
}
@media not (min-width: 1500px) {
	.visual {
		height: auto;
		background: url(/img/contest/contest-visua02.webp) no-repeat;
		background-size: cover;
		padding-top: 98.8%;
	}
}
@media not (min-width: 835px) {
	.visual {
		height: auto;
		background: url(/img/contest/contest-visua03.webp) no-repeat;
		background-size: cover;
		padding-top: 156.8%;
	}
}
@media (min-width: 1920px) {
	.visual {
		padding-top: 1485px;
	}
}
.visual .visual-content {
	position: absolute;
	width: 90%;
	max-width: 1500px;
	margin: auto;
	left: 0;
	right: 0;

}
@media (min-width: 835px) {
	.visual .visual-content {
		top: 0;
		text-align: right;
		margin-top: 150px;
	}
	.visual .visual-content .contest-logo {
		width: 60%;
	}
	.visual .visual-content .contest-detail {
		width: 50%;
		margin: 10px 120px 0 0;
	}
}
@media not (min-width: 835px) {
	.visual .visual-content {
		bottom: 9%;
		text-align: center;
	}
	.visual .visual-content .contest-logo {
		width: 80%;
		margin-bottom: 10px;
	}
}



.introduction {
	margin-top: -4.5%;
}
.introduction-deco {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: auto;
	/* 500：30px、1280：88px */
	top: clamp(1.875rem, -0.128rem + 6.41vw, 5rem);
	z-index: 0;
}
.introduction-deco::before {
	content: "";
	position: absolute;
	background: url(/img/contest/introduction-left.webp) no-repeat;
	/* 500：150px、1920：371px */
	width: clamp(9.375rem, 4.511rem + 15.56vw, 23.188rem);
	/* 500：230px、1920：598px */
	height: clamp(14.375rem, 6.452rem + 25.35vw, 36.875rem);
	left: 0%;
	background-size: 100%;
}

.introduction-deco::after {
	content: "";
	position: absolute;
	background: url(/img/contest/introduction-right-sp.webp) no-repeat;
	/* 500：150px、1920：371px */
	width: clamp(9.375rem, 4.511rem + 15.56vw, 23.188rem);
	/* 500：180px、1920：592px */
	height: clamp(11.875rem, 3.028rem + 28.31vw, 37rem);
	right: 0%;
	background-size: 100%;
}
@media (min-width: 835px) {
	.introduction-deco::after {
		background: url(/img/contest/introduction-right.webp) no-repeat;
		/* 500：110px、1920：371px */
		width: clamp(6.875rem, 1.131rem + 18.38vw, 23.188rem);
		/* 500：150px、1920：592px */
		height: clamp(9.375rem, -0.352rem + 31.13vw, 37rem);
		background-size: 100%;
	}
}
@media not (min-width: 835px) {
	.introduction-deco::after {
		top: 16px;
	}
}
.intro-img01 {
	text-align: center;
	width: 90%;
	max-width: 1300px;
	margin: auto;
	position: relative;
	/* 500：120px、1280：210px */
	padding-top: clamp(7.5rem, 3.894rem + 11.54vw, 13.125rem);
}
.introduction .txt-box {
	width: 90%;
	max-width: 1150px;
	margin: auto;
	line-height: 2;
	/* 500：60px、1280：140px */
	padding: clamp(3.75rem, 0.545rem + 10.26vw, 8.75rem) 0;
	position: relative;
	font-weight: 500;
}
@media (min-width: 835px) {
	.introduction .txt-box {
		line-height: 2.2;
	}
}
.introduction .txt01 {
	color: var(--color01);
	/* 835：16px、1280：24px */
	font-size: clamp(1rem, 0.062rem + 1.8vw, 1.5rem);
}
.introduction .txt02 {
	color: var(--color02);
	/* 835：22px、1280：32px */
	font-size: clamp(1.375rem, 0.202rem + 2.25vw, 2rem);
	font-weight: bold;
}
.introduction .txt02 a {
	color: var(--color02);
}
.introduction .txt02 a span {
	border-bottom: 2px solid;
}
.intro-youtube {
	/* 835：34px、1280：50px */
	width: clamp(2.125rem, 0.249rem + 3.6vw, 3.125rem);
	position: relative;
	/* 835：3px、1280：6px */
	bottom: clamp(0.188rem, -0.164rem + 0.67vw, 0.375rem);
	margin-right: 5px;
}
.intro-blank {
	/* 835：18px、1280：24px */
	width: clamp(1.125rem, 0.421rem + 1.35vw, 1.5rem);
	position: relative;
	/* 835：11px、1280：22px */
	bottom: clamp(0.688rem, -0.603rem + 2.47vw, 1.375rem);
}
.introduction .top {
	margin-top: 30px;
}
.intro-img02 {
	/* 500：110px、1280：170px */
	width: clamp(6.875rem, 4.471rem + 7.69vw, 10.625rem);
}
.intro-img03 {
	/* 500：110px、1280：170px */
	width: clamp(6.875rem, 4.471rem + 7.69vw, 10.625rem);
}
.intro-img04 {
	/* 500：200px、1280：310px */
	width: clamp(12.5rem, 8.093rem + 14.1vw, 19.375rem);
}



#content {
	/* 500：80px、1280：160px */
	padding: clamp(5rem, 1.795rem + 10.26vw, 10rem) 0;
	font-weight: bold;
}
#content .bor {
	border-color: var(--color-ye);
}
#content h3 {
	/* 500：40px、1280：80px */
	margin-bottom: clamp(2.5rem, 0.897rem + 5.13vw, 5rem);
	position: relative;
	top: -1px;
}
#content h3 span {
	background-color: var(--color-ye);
	display: inline-block;
	width: 100%;
	max-width: 800px;
	/* 500：5px、1280：25px *//* 500：10px、1280：30px */
	padding: clamp(0.313rem, -0.489rem + 2.56vw, 1.563rem) 0 clamp(0.625rem, -0.176rem + 2.56vw, 1.875rem);
	line-height: 1;
	border-radius: 15px;
	border-radius: 0 0 4px 4px;
}
@media (min-width: 835px) {
	#content h3 span {
		border-radius: 0 0 8px 8px;
	}
}
#content .w-900 {
	width: 100%;
	max-width: 900px;
	margin: auto;
	/* 500：40px、1280：100px */
	margin-bottom: clamp(2.5rem, -4.537rem + 13.48vw, 6.25rem);
	align-items: center;
}
#content .group {
	width: 90%;
	max-width: 700px;
	margin: auto;
}
@media (min-width: 835px) {
	#content .group {
		width: 90%;
	}
}
#content .group picture {
	/* 500：10px、1280：30px */
	margin-bottom: clamp(0.625rem, -0.176rem + 2.56vw, 1.875rem);
	display: inline-block;
}
#content .group picture:last-child {
	margin-bottom: 0;
}
#content .group picture {
	position: relative;
}

#content .group picture.onpu02::before {
	content: "";
	position: absolute;
	background: url(/img/contest/onpu02.svg) no-repeat;
	/* 500：23px、1280：50px */
	width: clamp(1.438rem, 0.356rem + 3.46vw, 3.125rem);
	/* 500：25px、1280：55px */
	height: clamp(1.563rem, 0.361rem + 3.85vw, 3.438rem);
	top: -25%;
	left: -9%;
	background-size: 100%;
}
@media (min-width: 835px) {
	#content .group picture.onpu02::before {
		top: -15%;
		left: -7%;
	}
}
#content .group picture.group01.onpu02::before {
	filter: brightness(0) saturate(100%) invert(31%) sepia(31%) saturate(2851%) hue-rotate(196deg) brightness(89%) contrast(98%);
}
#content .group picture.group02.onpu02::before {
	filter: brightness(0) saturate(100%) invert(48%) sepia(100%) saturate(381%) hue-rotate(95deg) brightness(87%) contrast(95%);
}
#content .group picture.group03.onpu02::before {
	filter: brightness(0) saturate(100%) invert(49%) sepia(83%) saturate(5388%) hue-rotate(341deg) brightness(85%) contrast(87%);
}
.judge {
	display: grid;
	grid-template-columns: 1fr 1fr;
	/* 500：20px、1280：40px *//* 500：15px、1280：20px */
	gap: clamp(1.25rem, 0.449rem + 2.56vw, 2.5rem) clamp(0.938rem, 0.737rem + 0.64vw, 1.25rem);
}
.judge .list {
	
	gap: 10px;
}
@media (min-width: 835px) {
	.judge .list {
		display: flex;
		justify-content: space-between;
	}
	.judge .list img {
		width: 40%;
	}
	.judge .list .detail {
		width: 60%;
	}
}
.judge .list .detail .name {
	/* 835：16px、1280：24px */
	font-size: clamp(1rem, 0.062rem + 1.8vw, 1.5rem);
	color: var(--color-blue01);
}
.judge .list .detail .works {
	font-weight: 500;
}
.judge .list .detail .works.f14 {
	/* 835：8px、1280：14px */
	font-size: clamp(0.625rem, 0.156rem + 0.9vw, 0.875rem);
}
.judge .list .detail .works.f16 {
	/* 835：12px、1280：16px */
	font-size: clamp(0.75rem, 0.281rem + 0.9vw, 1rem);
}


.award-txt {
	text-align: center;
	/* 835：16px、1280：24px */
	font-size: clamp(1rem, 0.062rem + 1.8vw, 1.5rem);
	color: var(--color-blue01);
	/* 500：40px、1280：60px */
	margin-bottom: clamp(2.5rem, 1.699rem + 2.56vw, 3.75rem);
}
.award-txt span {
	position: relative;
}
.award-txt span::before {
	content: "";
	position: absolute;
	background: var(--color-blue01);
	width: 20%;
	max-width: 160px;
	height: 1px;
	top: 50%;
	left: -30%;
}
.award-txt span::after {
	content: "";
	position: absolute;
	background: var(--color-blue01);
	width: 20%;
	max-width: 160px;
	height: 1px;
	top: 50%;
	right: -30%;
}
.award01-img, .award02-img {
	width: 55%;
}
@media not (min-width: 835px) {
	.award01-img, .award02-img {
		max-width: 200px;
	}
}
@media (min-width: 835px) {
	.award-txt span::before {
		width: 60%;
		left: -65%;
	}
	.award-txt span::after {
		width: 60%;
		right: -65%;
	}
	#content .w-900 .detail {
		width: 45%;
	}
	#content .w-900 .detail-img {
		width: 55%;
	}
}
#content .w-900 .txt {
	/* 835：12px、1280：20px */
	font-size: clamp(0.75rem, -0.188rem + 1.8vw, 1.25rem);
}
@media not (min-width: 835px) {
	#content .w-900 .txt {
		margin: 5px 0;
	}
}
#content .w-900 .txt01 {
	/* 835：16px、1280：24px */
	font-size: clamp(1rem, 0.062rem + 1.8vw, 1.5rem);
	color: var(--color-blue01);
}
#content .txt01.onpu {
	position: relative;
}
#content .detail .txt01.onpu {
	/* 500：20px、1280：30px */
	padding-left: clamp(1.25rem, 0.849rem + 1.28vw, 1.875rem);
}
#content .txt01.onpu::before {
	content: "";
	position: absolute;
	background: url(/img/contest/onpu01.svg) no-repeat;
}
#content .detail .txt01.onpu::before {
	/* 500：15px、1280：20px */
	width: clamp(0.938rem, 0.737rem + 0.64vw, 1.25rem);
	/* 500：18px、1280：25px */
	height: clamp(1.125rem, 0.845rem + 0.9vw, 1.563rem);
	top: 3px;
	left: 3px;
	background-size: 100%;
}

#content .w-900 .txt02 {
	color: var(--color-blue01);
}
#content .w-900 .txt02 .bg {
	background-color: var(--color-blue02);
	/* 835：12px、1280：16px */
	font-size: clamp(0.75rem, 0.281rem + 0.9vw, 1rem);
	text-align: center;
	display: inline-block;
	padding: 0 10px;
}
#content .w-900 .txt02 .bg span {
	/* 835：8px、1280：14px */
	font-size: clamp(0.5rem, -0.204rem + 1.35vw, 0.875rem);
}
@media (min-width: 835px) {
	#content .detail .txt01.onpu::before {
		top: 7px;
		left: 5px;
	}
	#content .w-900 .txt02 {
		margin-bottom: 20px;
	}
	#content .w-900 .txt02 .bg {
		width: 230px;
	}
}
@media not (min-width: 835px) {
	#content .award03 .detail .item {
		margin-bottom: 10px;
	}
	#content .award03 .detail .item .txt01 {
		width: 70%;
	}
	#content .award03 .detail .item .txt02 {
		width: 50%;
	}
	#content .w-900 .txt02 {
		position: relative;
	}
}

@media (min-width: 835px) {
	#content .award-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		/* 500：20px、1280：40px *//* 500：20px、1280：60px */
		gap: clamp(1.25rem, 0.449rem + 2.56vw, 2.5rem) clamp(1.25rem, -0.353rem + 5.13vw, 3.75rem);
		grid-template-columns: 1fr 1fr 1fr;
	}
}
#content .award-list .txt01 {
	/* 835：16px、1280：20px */
	font-size: clamp(1rem, 0.531rem + 0.9vw, 1.25rem);
	color: var(--color-blue01);
	/* 500：18px、1280：25px */
	padding-left: clamp(1.125rem, 0.845rem + 0.9vw, 1.563rem);
	display: flex;
	justify-content: space-between;
}
#content .award-list .txt01 span {
	background-color: var(--color-blue02);
	/* 835：12px、1280：16px */
	font-size: clamp(0.75rem, 0.281rem + 0.9vw, 1rem);
	text-align: center;
	display: inline-block;
	padding: 2px 2px 0;
}
#content .award-list .txt01.onpu::before {
	/* 500：18px、1280：20px */
	width: clamp(1.125rem, 1.045rem + 0.26vw, 1.25rem);
	/* 500：20px、1280：25px */
	height: clamp(1.25rem, 1.05rem + 0.64vw, 1.563rem);
	top: 4px;
	left: 2px;
	background-size: 80%;
}
@media (min-width: 835px) {
	#content .award-list .txt01.onpu::before {
		top: 5px;
		left: 5px;
	}
	#content .award-list .txt01 span {
		padding: 2px 5px 0;
	}
}
@media not (min-width: 835px) {
	#content .award-list .list {
		margin-bottom: 20px;
	}
}

#content .award-list .txt {
	/* 835：12px、1280：16px */
	font-size: clamp(0.75rem, 0.281rem + 0.9vw, 1rem);
}
#content .award-list .txt .min {
	/* 835：8px、1280：14px */
	font-size: clamp(0.625rem, 0.156rem + 0.9vw, 0.875rem);
}
#content .award-list .txt .kome {
	/* 835：8px、1280：10px */
	font-size: clamp(0.5rem, 0.265rem + 0.45vw, 0.625rem);
	position: absolute;
}

#entry-song .box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

#entry-song .half {
	gap: 15px;
}
#entry-song .half .detail {
	font-weight: 500;
}
#entry-song .half .detail .name {
	/* 835：11px、1280：16px */
	font-size: clamp(0.688rem, 0.101rem + 1.12vw, 1rem);
}
@media (min-width: 835px) {
	#entry-song .half .detail {
		width: 45%;
	}
	#entry-song .half img {
		width: 53%;
	}
}
@media not (min-width: 835px) {
	#entry-song .half .detail .name {
		margin-top: 5px;
	}
}
#entry-song .half .detail .buy {
	display: inline-block;
	position: relative;
	width: 100%;
}
@media (min-width: 835px) {
	#entry-song .half .detail .buy {
		margin-top: 10px;
	}
}
@media not (min-width: 835px) {
	#entry-song .half .detail .buy.top {
		margin-top: 5px;
	}
}

#entry-song .half .detail .buy::before {
	content: "";
	position: absolute;
	background-color: var(--color-blue03);
	width: 100%;
	height: 100%;
	bottom: -14%;
	right: 0;
	left: 0;
	right: 0;
	/* 500：4px、1280：8px */
	border-radius: clamp(0.25rem, 0.09rem + 0.51vw, 0.5rem);
}
@media (min-width: 835px) {
	#entry-song .half .detail .buy::before {
		bottom: -6px;
		width: 90%;
	}
}
#entry-song .half .detail .buy a {
	color: #fff;
	background-color: var(--color-blue01);
	/* 500：4px、1280：8px */
	border-radius: clamp(0.25rem, 0.09rem + 0.51vw, 0.5rem);
	/* 500：3px、1280：6px *//* 500：4px、1280：8px */
	padding: clamp(0.188rem, 0.067rem + 0.38vw, 0.375rem) 0 clamp(0.25rem, 0.09rem + 0.51vw, 0.5rem);
	display: inline-block;
	position: relative;
	/* 835：10px、1280：14px */
	font-size: clamp(0.625rem, 0.534rem + 0.45vw, 0.875rem);
	width: 100%;
	text-align: center;
}
@media (min-width: 835px) {
	#entry-song .half .detail .buy a {
		width: 90%;
	}
}
#entry-song .half .detail .buy a span {
	letter-spacing: -4px;
}
@media (min-width: 835px) {
	#entry-song .half .detail .buy {
		transition: .2s ease-out;
	}
	#entry-song .half .detail .buy:hover {
		transform: translateY(6px);
	}
	#entry-song .half .detail .buy::before {
		transition: .2s ease-out;
	}
	#entry-song .half .detail .buy:hover::before {
		bottom: 0;
	}
}
#entry-song .under-txt {
	color: var(--color02);
	/* 835：15px、1280：32px */
	font-size: clamp(0.938rem, -1.056rem + 3.82vw, 2rem);
	text-align: center;
	/* 500：30px、1280：70px */
	margin-top: clamp(1.875rem, 0.272rem + 5.13vw, 4.375rem);
}
#guideline {
	/* 500：80px、1280：160px */
	padding: clamp(5rem, 1.795rem + 10.26vw, 10rem) 0;
}
#guideline .bor {
	border-color: var(--color-blue01);
}

#guideline .entry h3 {
	/* 500：30px、1280：80px *//* 500：20px、1280：70px */
	padding: clamp(1.875rem, -0.128rem + 6.41vw, 5rem) 0 clamp(1.25rem, -0.753rem + 6.41vw, 4.375rem);
}
.entry .period {
	text-align: center;
	font-weight: 500;
	/* 500：8px、1280：16px */
	margin-bottom: clamp(0.5rem, 0.179rem + 1.03vw, 1rem);
	line-height: 1;
	background: var(--color-blue01);
}
.entry .period {
	display: flex;
	align-items: center;
}

.entry .period .title {
	color: #fff;
	/* 835：12px、1280：24px */
	font-size: clamp(0.75rem, -0.657rem + 2.7vw, 1.5rem);
}
.entry .period .txt {
	color: var(--color-blue01);
	background-color: #fff;
	border: 2px solid;
	border-color: var(--color-blue01);
	/* 835：16px、1280：32px */
	font-size: clamp(1rem, -0.876rem + 3.6vw, 2rem);
	/* 500：7px、1280：14px *//* 500：8px、1280：16px */
	padding: clamp(0.438rem, 0.157rem + 0.9vw, 0.875rem) 0 clamp(0.5rem, 0.179rem + 1.03vw, 1rem);
	font-weight: 600;
}
.entry .period .title {
	width: 32%;
}
.entry .period .txt {
	width: 68%;
}

#guideline .entry #entry {
	/* 500：20px、1280：50px */
	margin-top: clamp(1.25rem, 0.048rem + 3.85vw, 3.125rem);
	/* 500：30px、1280：50px */
	padding-bottom: clamp(1.875rem, 1.074rem + 2.56vw, 3.125rem);
}
#guideline .entry #entry h3 {
	/* 500：30px、1280：50px */
	padding: clamp(1.875rem, 1.074rem + 2.56vw, 3.125rem) 0;
}
#guideline .entry #entry .main, #entry .agreement, #entry .note {
	width: 90%;
	max-width: 840px;
	margin: auto;
	/* 835：10px、1280：16px */
	font-size: clamp(0.625rem, -0.079rem + 1.35vw, 1rem);
}
#guideline .entry #entry .main {
	font-weight: 500;
}
#entry {
	background-color: #FFFEE9;
}
#entry .agreement {
	background-color: #fff;
	/* 500：20px、1280：30px */
	margin: clamp(1.25rem, 0.849rem + 1.28vw, 1.875rem) auto;
	border: 1px solid;
	border-color: var(--color-blue01);
}
#entry .agreement .box {
	overflow-y: auto;
	max-width: 760px;
	width: 90%;
	/* 500：15px、1280：50px */
	margin: clamp(0.938rem, -0.465rem + 4.49vw, 3.125rem) auto;
	/* 500：300px、1280：520px */
	max-height: clamp(18.75rem, 9.936rem + 28.21vw, 32.5rem);
}
@media (min-width: 835px) {
	#entry .agreement .box {
		width: 85%;
		padding-right: 20px;
	}
}
#entry .agreement .box .main-title {
	/* 835：14px、1280：20px */
	font-size: clamp(0.875rem, 0.171rem + 1.35vw, 1.25rem);
	color: var(--color-blue01);
	font-weight: bold;
	/* 500：3px、1280：5px */
	border-left: solid clamp(0.188rem, 0.107rem + 0.26vw, 0.313rem) var(--color-blue01);
	/* 500：5px、1280：10px */
	padding-left: clamp(0.313rem, 0.112rem + 0.64vw, 0.625rem);
}
#entry .agreement .box .title {
	/* 835：10px、1280：14px */
	font-size: clamp(0.625rem, 0.156rem + 0.9vw, 0.875rem);
	font-weight: bold;
	/* 500：15px、1280：30px */
	margin-top: clamp(0.938rem, 0.337rem + 1.92vw, 1.875rem);
	line-height: 1.8;
}
#entry .agreement .box .txt {
	/* 835：10px、1280：14px */
	font-size: clamp(0.625rem, 0.156rem + 0.9vw, 0.875rem);
	line-height: 1.8;
}
#entry .agreement .box .top01 {
	/* 500：15px、1280：30px */
	margin-top: clamp(0.938rem, 0.337rem + 1.92vw, 1.875rem);
}
#entry .agreement .box .top02 {
	/* 500：25px、1280：50px */
	margin-top: clamp(1.563rem, 0.561rem + 3.21vw, 3.125rem);
}
.entry-button {
	text-align: center;
	width: 70%;
	max-width: 350px;
	/* 500：20px、1280：50px */
	margin: 0 auto clamp(1.25rem, 0.048rem + 3.85vw, 3.125rem);
	position: relative;
}
@media (min-width: 835px) {
	.entry-button {
		width: 90%;
		transition: .2s ease-out;
	}
	.entry-button:hover {
		transform: translateY(8%);
	}
	.entry-button::before {
		transition: .2s ease-out;
	}
	.entry-button:hover::before {
		bottom: 0;
	}
}
.entry-button a {
	color: #fff;
	font-weight: bold;
	/* 835：16px、1280：24px */
	font-size: clamp(1rem, 0.062rem + 1.8vw, 1.5rem);
	background-color: var(--color-blue01);
	/* 500：4px、1280：8px */
	border-radius: clamp(0.25rem, 0.09rem + 0.51vw, 0.5rem);
	/* 500：10px、1280：30px */
	padding: clamp(0.625rem, -0.176rem + 2.56vw, 1.875rem) 0;
	display: inline-block;
	width: 100%;
	margin: auto;
	position: relative;
	z-index: 1;
}

.entry-button::before {
	content: "";
	position: absolute;
	background-color: var(--color-blue03);
	width: 100%;
	height: 100%;
	bottom: -12%;
	right: 0;
	left: 0;
	/* 500：4px、1280：8px */
	border-radius: clamp(0.25rem, 0.09rem + 0.51vw, 0.5rem);
}
@media (min-width: 835px) {
	.entry-button::before {
		bottom: -8%;
	}
}
#guideline .notice {
	line-height: 2.4;
}
#guideline .notice .title {
	/* 835：12px、1280：24px */
	font-size: clamp(0.75rem, -0.657rem + 2.7vw, 1.5rem);
	/* 500：30px、1280：80px *//* 500：10px、1280：30px */
	padding: clamp(1.875rem, -0.128rem + 6.41vw, 5rem) 0 clamp(0.625rem, -0.176rem + 2.56vw, 1.875rem);
	line-height: 1.4;
}
#guideline .notice .top {
	/* 500：20px、1280：40px */
	margin-top: clamp(1.25rem, 0.449rem + 2.56vw, 2.5rem);
}
.notice-txt {
	/* 835：10px、1280：16px */
	font-size: clamp(0.625rem, -0.079rem + 1.35vw, 1rem);
}

.footer-wrap {
	background: #01acc6 url(/img/mv4r/sound-euphonium.webp);
	background-repeat: no-repeat;
	background-position: 55% -3vw;
	background-size: 107%;
	color: #111111;
}
.footer-copyright {
	font-weight: 600;
}
@media (min-width: 835px) {
	.footer-wrap {
		background-position: 103% -3.5vw;
		background-size: 50%;
	}
}
@media not (min-width: 835px) {
}