/* CSS Document */
@charset "utf-8";

@media screen and (min-width:769px) and ( max-width:1023px){

	/* header */

	header{
		border-bottom: 5vw solid #BC7C0A;
	}
	header .wrapper::before{
		width: 11.0vw;
		height: 2.0vw;
		bottom: -15.5vw;
	}
	header .wrapper::after{
		width: 11.0vw;
		height: 6.0vw;
		bottom: -15vw;
	}
	header h1{
		width: 35%;
	}
	header .fm_logo{
		width: 25%;
		margin-top: 3vw;
	}
	header .sns div{
		width: 6vw;
		margin: 0 0.5vw;
	}
	header .tag{
		margin-top: 3vw;
	}
	header .tag div{
		font-size: 2.5vw;
	}


	/* main */

	h2{
		font-size: 4vw;
	}
	h2 small{
		font-size: 2vw;
	}

	.intro{
		padding-top: 6vw;
	}
	.intro .box{
		align-items: flex-start;
	}
	.intro .icon{
		width: 10%;
	}
	.intro .inner{
		margin: 1vw 0 0 3vw;
		padding: 2vw;
		font-size: 2.5vw;
	}

	.mc{
		padding-top: 8vw;
	}
	.mc .box{
		margin-top: 4vw;
		overflow-x: hidden;
	}
	.mc .inner{
		width: 100%;
	}
	.mc + .mc .inner{
		width: 100%;
	}
	.mc .item{
		width: 23%;
		margin-right: 3%;
	}
	.mc .name{
		margin-top: 1vw;
		font-size: 2.2vw;
	}

	.table_box{
		padding-top: 6vw;
	}
	.table_box table tr{
		margin-top: 1vw;
		display: flex;
		align-items: center;
	}
	.table_box table th,
	.table_box table td{
		padding: 2vw;
		font-size: 2.2vw;
	}
	.table_box table th{
		width: 22%;
	}
	.table_box table td{
		width: 78%;
		padding-left: 4vw;
	}
	.table_box table td::before{
		width: 1px;
		height: calc(100% - 4vw);
		position: absolute; top: 2vw; left: 0;
	}

	.official{
		padding-top: 10vw;
	}
	.official .box{
		padding-top: 4vw;
	}
	.official .item{
		width: calc(86vw / 6);
		margin: 0 2vw 0 0;
	}
	.official .box .item:nth-child(3n){
		margin-right: 2vw;
	}
	.official .box .item:last-child{
		margin-right: 0;
	}
	.official .name{
		margin-top: 1vw;
		font-size: 2vw;
	}

	.belt{
		padding-top: 8vw;
	}

	.partner{
		padding-top: 8vw;
	}
	.partner .box{
		padding-top: 2vw;
	}
	.partner .box div{
		width: calc(92vw / 3);
		margin: 2vw 2vw 0 0;
	}
	.partner .box div:nth-child(even){
		margin-right: 2vw;
	}
	.partner .box div:nth-child(3n){
		margin-right: 0;
	}

	.sponsor{
		padding: 8vw 0 10vw 0;
	}
	.sponsor .box{
		padding-top: 2vw;
	}
	.sponsor .box div{
		width: calc(90vw / 4);
		margin: 2vw 2vw 0 0;
	}
	.sponsor .box div:nth-child(3n){
		margin-right: 2vw;
	}
	.sponsor .box div:nth-child(4n){
		margin-right: 0;
	}
	.sponsor .box + .box div{
		width: calc(86vw / 6);
	}
	.sponsor .box + .box div:nth-child(3n),
	.sponsor .box + .box div:nth-child(4n){
		margin-right: 2vw;
	}
	.sponsor .box + .box div:nth-child(6n){
		margin-right: 0;
	}
	.sponsor .box div.text{
		font-size: 2vw;
	}
	.sponsor .box div.text a{
		font-size: 2vw;
	}


	/* footer */

	footer .foot{
		padding: 18vw 0;
	}
	footer .foot .logo{
		width: 25%;
	}
	footer .bottom{
		margin-top: -5vw;
	}
	footer .bottom .fm_logo{
		width: 25%;
	}
	footer .bottom .copy{
		font-size: 2vw;
	}

	.sticker{
		width: 25vw;
		position: fixed; top: 1vw; right: 1vw;
		display: block;
	}

}