@media (min-width: 1553px) {/* 1553px以上*/
    main .judgesItem {
		flex-grow: 0;
	}
}
@media screen and (max-width : 1200px ){/* 1200px以下*/
	main .title h1 img {
		width: 70%;
	}
	.container {
		width: 90%;
	}
}
@media screen and (max-width : 940px ){/* 940px以下*/
	main .title h1 img {
		width: 80%;
	}
}
@media screen and (max-width : 770px ){/* 770px以下*/
	header .container img {
		height: 100%;
		width: 60%;
	}
	header .container ul {
		position: absolute;
		top: 0;
		left: -40%;
		display: block;
		width: 40%;
		height: 100vh;
		background-image: linear-gradient(150deg, rgba(202, 168, 70, 1), rgba(237, 229, 125, 1) 50%, rgba(237, 229, 125, 1));
		transition: .7s;
		padding-top: 80px;
	}
	header .container ul li a {
		display: inline-block;
		transform: skewX(0);
	}
	header .container ul li {
		list-style-type: none;
		font-size: 12px;
	}
	header .container ul li a {
		display: block;
		text-decoration: none;
		color: #fff;
		margin: 0 30px;
		padding: 15px 0;
		transition: .5s;
		border-bottom: 1px solid #FFF;
	}
	
	header .container ul li a:hover {
		color: #707070;
		background: rgba(255,255,255,0.9);
	}
	header .container ul li a.link-current {
		background: rgba(255,255,255,0.9);
		color: #707070;
	}
	header .container #hamburger {
		display: block;
		position: absolute;
		top: 40px;
		left: 30px;
		width: 25px;
		height: 22px;
		cursor: pointer;
		transition: 1s;
	}
	.inner_line {
		display: block;
		position: absolute;
		left: 0;
		width: 25px;
		height: 2px;
		background-color: #707070;
		transition: 1s;
		border-radius: 4px;
	}
	#line1 {
		top: 0;
	}
	#line2 {
		top: 10px;
	}
	#line3 {
		bottom: 0px;
	}
	.in{
		transform: translateX(100%);
	}
	.line_1,.line_2,.line_3{
		background: #fff;
	}
	.line_1 {
		transform: translateY(10px) rotate(-45deg);
		top: 0;
	}
	.line_2 {
		opacity: 0;
	}
	.line_3 {
		transform: translateY(-10px) rotate(45deg);
		bottom: 0;
	}
}
@media screen and (max-width : 700px ){/* 700px以下*/
	main .intro h2 .br1 {
		display: block;
	}
	main .prizebox h4 {
		width: 40%;
	}
	main .prizebox ul {
		padding-left: 1em;
	}
}
@media screen and (max-width : 650px ){/* 650px以下*/
	.fade-in {
	  animation-range: entry 0% cover 20%;
	}
	.container {
		width: 95%;
		height: inherit;
		margin: 0 auto;
	}
	main .title .container {
		width: 100%;
	}
	main .overview p br {
		display: none;
	}
	main .overview .last-year .gallery .gallery_slide li img {
		height: 150px;
	}
	main .prizebox {
		display: block;
		margin: 3em 0;
	}
	main .prizebox h4 {
		width: 100%;
		padding: 1em 0;
		border-radius: 5px 5px 0 0;
	}
	main .prizebox h4 .spnone {
		display: none;
	}
	main .prizebox ul {
		width: 100%;
		padding: 3em 1em;
		text-align: center;
	}
	main .schedule table th,
	main .schedule table td {
		display: block;
		width: 100%;
		border-bottom:none;
		text-align: center;
	  }
	main .schedule table tr:last-child{
		border-bottom: solid 1px #CAA846
	  }
	main .judgesItem img {
		max-width: 150px;
	}
	main .judgesComment .comment {
		padding: 3em;
	}
}
@media screen and (max-width : 610px ){/* 610px以下*/
	a.btn-apply {
		width: 100%;
	}
}
@media screen and (max-width : 505px ){/* 505px以下*/
	header .container ul {
		left: -100%;
		width: 100%;
	}
	main .intro h2 {
		font-size: var(--font-size-m);
		line-height: var(--line-height-m);
	}
	main .intro h4 {
		font-size: var(--font-size-r);
		line-height: var(--line-height-r);
	}
}
@media screen and (max-width : 480px ){/* 480px以下*/
	main .title h1 img {
		height: auto;
		width: 90%;
	}
	main .intro h2 .br2 {
		display: block;
	}
}
@media screen and (max-width : 440px ){/* 440px以下*/
	main .intro h2 .br2 {
		display: block;
	}
}
@media screen and (max-width : 430px ){/* 430px以下*/
	main .title {
		height: 60vh;
	}
	main .intro {
		height: 40vh;
	}
	main .qualification p.caption span {
		padding: 0.5em;
	}
	main .wanted ul {
		font-size: var(--font-size-r);
		line-height: var(--line-height-r);
	}
}