@charset "utf-8";

@media screen and (min-width : 960px){

	section{
		padding: 0 0 7.5rem 0;
		font-size: 0.9375rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
		}
		section#mainVisual{
			padding: 0;
		}

	section a{
		text-decoration: underline;
		}
		section a:hover{
			text-decoration: none;
			-webkit-transition: .1s linear;
			transition: .1s linear;
		}
/*
	section h3{
		padding: 0 0 0.9rem 0;
		margin: 0 0 3.75rem 0;
		position: relative;
		letter-spacing: 0.03em;
		font-size: 1.625rem;
	}
	section h3::after{
		content: '';
		display: block;
		width: 2rem;
		height: 2px;
		background-color: #222222;
		position: absolute;
		bottom: 0; left: 0;
	}
*/


	/* -------------------------------------------------------------------------------------------
	*
	* メインビジュアル
	*
	* ----------------------------------------------------------------------------------------- */

	#mainVisual{
	}

	#mainVisual h2{
		margin: 7.5rem 0 5rem 0;
		padding: 0 0 3.5rem 0;
		border-bottom: 2px solid #222222;
	}
	#mainVisual h2 p.posting{
		font-size: 0;
		margin: 0 0 0.8rem 0;
		line-height: 1;
	}
	#mainVisual h2 p.posting span{
		display: inline-block;
		vertical-align: top;
		font-size: 0.9rem;
		letter-spacing: 0.03rem;
	}
	#mainVisual h2 p.posting span:nth-of-type(2)::before{
		content: '';
		display: inline-block;
		vertical-align: top;
		width: 1px;
		height: 0.9rem;
		background-color: #222222;
		margin: 0 0.9rem;
	}

	#mainVisual h2 p.name{
		font-size: 2rem;
		line-height: 1.15;
		letter-spacing: 0.04rem;
	}

	#mainVisual h2 ul.type{
		font-size: 0;
		margin: 0.5rem 0 0 0;
	}
	#mainVisual h2 ul.type li{
		font-size: 0.9rem;
		letter-spacing: 0.03rem;
		display: inline-block;
		vertical-align: top;
	}
	#mainVisual h2 ul.type li:nth-of-type(n+2){
		margin: 0 0 0 0.9rem;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* 紹介
	*
	* ----------------------------------------------------------------------------------------- */

	#introduction{
		padding: 0 0 5rem 0;
		margin: 0 0 5rem 0;
		border-bottom: 2px solid #222222;
	}

	#introduction p.lead{
		font-size: 1.25rem;
		line-height: 1.5;
		letter-spacing: 0.03rem;
		margin: 0 0 1.8rem 0;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* グランプリ、準グランプリ
	*
	* ----------------------------------------------------------------------------------------- */

	section#app{
		border-bottom: 2px solid #222222;
	}

	section#app div.download{
		font-size: 0;
	}

	section#app div.download p.logo{
		display: inline-block;
		vertical-align: bottom;
		width: 22.785%;
		border-radius: 3%;
		overflow: hidden;
		}
		section#app div.download p.logo.border{
			border: 1px solid #aaaaaa;
		}

	section#app div.download div.textArea{
		display: inline-block;
		vertical-align: bottom;
		width: 72%;
		margin: 0 4% 0 0;
		font-size: 0.9375rem;
	}

	section#app h3{
		margin: 2.5rem 0 1rem 0;
		line-height: 1;
	}
	section#app h3 p{
		font-size: 0.9375rem;
		line-height: 1;
		letter-spacing: 0.03rem;
	}
	section#app h3 p{
		font-size: 0.9375rem;
		line-height: 1;
		letter-spacing: 0.03rem;
		display: inline-block;
		vertical-align: top;
		position: relative;
		padding: 0 1.8rem 0 0;
	}

	section#app div.download div.textArea dl:nth-of-type(2) {
		margin: 1rem 0 0 0;
	}



}@media screen and (max-width : 959px){

	section{
		width: 74vw;
		margin: 0 auto;
		}
		section#mainVisual{
			width: 100vw;
		}

	section{
		padding: 0 0 20vw 0;
		font-size: 3.74vw;
		line-height: 1.8;
		letter-spacing: 0.3vw;
		}
		section#mainVisual{
			padding: 0;
		}

	section a{
		text-decoration: underline;
	}

/*
	section h3{
		padding: 0 0 3vw 0;
		margin: 0 0 12.5vw 0;
		position: relative;
		letter-spacing: 0.3vw;
		font-size: 5.34vw;
	}
	section h3::after{
		content: '';
		display: block;
		width: 7.47vw;
		height: 2px;
		background-color: #222222;
		position: absolute;
		bottom: 0; left: 0;
	}
*/

	/* -------------------------------------------------------------------------------------------
	*
	* メインビジュアル
	*
	* ----------------------------------------------------------------------------------------- */

	#mainVisual{
	}

	#mainVisual h2{
		width: 74vw;
		margin: 18.7vw auto 12vw auto;
		padding: 0 0 6vw 0;
		border-bottom: 2px solid #222222;
	}
	#mainVisual h2 p.posting{
		font-size: 0;
		margin: 0 0 2vw 0;
		line-height: 1;
	}
	#mainVisual h2 p.posting span{
		display: inline-block;
		vertical-align: top;
		font-size: 3vw;
		letter-spacing: 0.03rem;
		}
		body.iPhone #mainVisual h2 p.posting span{
			letter-spacing: 0;
		}
	#mainVisual h2 p.posting span:nth-of-type(2)::before{
		content: '';
		display: inline-block;
		vertical-align: top;
		width: 1px;
		height: 3vw;
		background-color: #222222;
		margin: 0 2vw;
	}

	#mainVisual h2 p.effort{
		font-size: 5.6vw;
		padding: 1.6vw 0 0.8vw 0;
		line-height: 1;
		letter-spacing: 0.2vw;
		}
		body.iPhone #mainVisual h2 p.effort{
			letter-spacing: 0;
		}

	#mainVisual h2 p.name{
		font-size: 5.6vw;
		line-height: 1.2;
		letter-spacing: 0.2vw;
		}
		body.iPhone #mainVisual h2 p.name{
			letter-spacing: 0;
		}

	#mainVisual h2 ul.type{
		font-size: 0;
		margin: 2vw 0 0 0;
	}
	#mainVisual h2 ul.type li{
		font-size: 3vw;
		letter-spacing: 0.2vw;
		display: inline-block;
		vertical-align: top;
		}
		body.iPhone #mainVisual h2 ul.type li{
			letter-spacing: 0;
		}

	#mainVisual h2 ul.type li:nth-of-type(n+2){
		margin: 0 2vw;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* 紹介
	*
	* ----------------------------------------------------------------------------------------- */

	#introduction{
		padding: 0 0 12vw 0;
		margin: 0 auto 12vw auto;
		border-bottom: 2px solid #222222;
	}

	#introduction p.lead{
		font-size: 4.27vw;
		line-height: 1.5;
		margin: 0 0 6vw 0;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* グランプリ、準グランプリ
	*
	* ----------------------------------------------------------------------------------------- */

	section#app{
		border-bottom: 2px solid #222222;
	}

	section#app div.download p.logo{
		width: 40vw;
		border-radius: 1vw;
		overflow: hidden;
		}
		section#app div.download p.logo.border{
			border: 1px solid #aaaaaa;
		}
		section#app div.download p.logo.square{
			border-radius: 0;
		}

	section#app div.download div.textArea{
		margin: 6vw 0;
	}

	section#app h3{
		margin: 8vw 0 4vw 0;
		font-size: 3.74vw;
		line-height: 1;
		letter-spacing: 0.3vw;
	}
	section#app h3 p{
		display: inline-block;
		vertical-align: top;
		position: relative;
		padding: 0 6.4vw 0 0;
	}

/*	section#app p.concept{
		font-size: 3.74vw;
		line-height: 1.9;
		letter-spacing: 0;
	}
*/

	section#app div.download div.textArea dl{
		}
		section#app div.download div.textArea dl:nth-of-type(2){
			margin: 4vw 0 0 0;
		}


}