@charset "utf-8";

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


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

	#mainVisual{
	}
	#mainVisual div.parallax{
		position: relative;
	}
	#mainVisual div.parallax>div{
		overflow: hidden;
		position: relative;
		height: 60vw;
		max-height: 790px;
		width: 100%;
		border-radius: 1.2%;
		}
		#mainVisual div.parallax>div.border{
			border: 1px solid #cccccc;
		}
	#mainVisual div.parallax>div img{
		position: absolute;
		top: 0; left: -2.5%;
		width: 105%;
	}

	#mainVisual h2{
		margin: 4rem 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.effort{
		font-size: 2rem;
		line-height: 1;
		letter-spacing: 0.04rem;
	}

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

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


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

	#introduction{
	}

	#introduction p.text{
		font-size: 0.9375rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
	}

	#introduction a{
		text-decoration: underline;
		}
		#introduction a:hover{
			text-decoration: none;
			-webkit-transition: .1s linear;
			transition: .1s linear;
		}


	#introduction ul.detail{
		margin: 5rem 0;
	}
	#introduction ul.detail li{
		}
		#introduction ul.detail li:nth-of-type(n+2){
			margin: 0.625rem 0 0 0;
		}
	#introduction ul.detail li dl{
		font-size: 0;
	}
	#introduction ul.detail li dl dt{
		display: inline-block;
		vertical-align: top;
		width: 10%;
		font-size: 0.9375rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
		}
		#introduction ul.detail.w12dt li dl dt{
			width: 12%;
		}
		#introduction ul.detail.w25dt li dl dt{
			width: 25%;
		}
	#introduction ul.detail li dl dd{
		display: inline-block;
		vertical-align: top;
		width: 90%;
		font-size: 0.9375rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
		}
		#introduction ul.detail.w12dt li dl dd{
			width: 88%;
		}
		#introduction ul.detail.w25dt li dl dd{
			width: 75%;
		}

	#introduction ul.artProduct{
		margin: 0 0 8rem 0;
	}
	#introduction ul.artProduct li{
		}
		#introduction ul.artProduct li:nth-of-type(n+2){
			margin: 5rem 0 0 0;
		}
		#introduction ul.artProduct li.copy{
			margin: 1rem 0 0 0;
			text-align: right;
			font-size: 0.8rem;
			letter-spacing: 0.03rem;
		}

	#introduction div.info{
		font-size: 0;
		margin: 0 0 10rem 0;
	}
	#introduction div.info div.profile,
	#introduction div.info div.project{
		display: inline-block;
		vertical-align: top;
		width: 50%;
		box-sizing: border-box;
		}
		#introduction div.info div:nth-of-type(odd){
			padding: 0 6% 0 0;
		}
		#introduction div.info div:nth-of-type(even){
			padding: 0 0 0 6%;
			-webkit-transition-delay: 0.3s;transition-delay: 0.3s;
		}
		#introduction div.info div:nth-of-type(n+3){
			margin-top: 5rem;
		}

	#introduction div.info p.photo{
		width: 36%;
		border-radius: 3%;
		overflow: hidden;
		}
		#introduction div.info div.project p.photo{
			padding: 6% 6% 1% 1%;
			margin: 0 0 -1% -1%;
			box-sizing: border-box;
		}
		#introduction div.info p.photo.square{
			border-radius: 0;
		}

	#introduction div.info dl{
		margin: 2rem 0 0 0;
	}
	#introduction div.info dl dt{
		margin: 0 0 1rem 0;
		font-size: 0.9375rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
	}
	#introduction div.info dl dd{
		font-size: 0.8125rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
	}
	#introduction div.info dl dd a{
		text-decoration: underline;
		}
		#introduction div.info dl dd a:hover{
			text-decoration: none;
			-webkit-transition: .1s linear;
			transition: .1s linear;
		}
		section.contents p.text{
			font-size: 0.9375rem;
			line-height: 1.8;
			margin-top: 1.25rem !important;
		}


	/* -------------------------------------------------------------------------------------------
	*
	* ギャラリー
	*
	* ----------------------------------------------------------------------------------------- */

	#gallery>div.inner>ul>li:nth-of-type(n+5){
		display: none;
	}

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

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

	#mainVisual{
	}
	#mainVisual div.parallax{
		position: relative;
	}
	#mainVisual div.parallax>div{
		overflow: hidden;
		position: relative;
		min-height: 100vw;
		width: 100%;
	}
	#mainVisual div.parallax>div img{
		position: absolute;
		top: 0; left: -5vw;
		width: 110vw;
	}

	#mainVisual h2{
		width: 74vw;
		margin: 15vw 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.2vw;*/
		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;
		/*letter-spacing: 0.03rem;*/
		}
		body.iPhone #mainVisual h2 p.effort{
			letter-spacing: 0;
		}

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

	#mainVisual h2 ul.type{
		font-size: 0;
	}
	#mainVisual h2 ul.type li{
		font-size: 3vw;
		letter-spacing: 0.2vw;
		/*letter-spacing: 0.03rem;*/
		}
		body.iPhone #mainVisual h2 ul.type li{
			letter-spacing: 0;
		}

	#mainVisual h2 ul.type li:nth-of-type(n+2){
		display: inline-block;
		vertical-align: top;
		margin: 0 2vw;
	}


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

	#introduction{
		width: 74vw;
		margin: 0 auto;
	}

	#introduction p.text{
		font-size: 3.74vw;
		line-height: 1.8;
		letter-spacing: 0.3vw;
	}

	#introduction p.text a{
		text-decoration: underline;
		word-break: break-all;
	}

	#introduction ul.detail{
		margin: 15vw 0 10vw 0;
	}
	#introduction ul.detail li{
		font-size: 3.5vw;
		line-height: 1.8;
		letter-spacing: 0.03vw;
		}
		#introduction ul.detail li:nth-of-type(n+2){
			margin: 1.5vw 0 0 0;
		}

	#introduction ul.artProduct{
		padding: 0 0 18vw 0;
		margin: 0 0 15vw 0;
		border-bottom: 2px solid #222222;
	}
	#introduction ul.artProduct li{
		}
		#introduction ul.artProduct li:nth-of-type(n+2){
			margin: 8vw 0 0 0;
		}
		#introduction ul.artProduct li.copy{
			margin: 2vw 0 0 0;
			text-align: right;
			font-size: 2.6vw;
			letter-spacing: 0.3vw;
		}

	#introduction div.info{
		font-size: 0;
		margin: 0 0 20vw 0;
	}
	#introduction div.info div:nth-of-type(n+2){
		margin: 18vw 0 0 0;
	}

	#introduction div.info p.photo{
		width: 28vw;
		border-radius: 1vw;
		overflow: hidden;
		}
		#introduction div.info div.project p.photo{
			padding: 0 6vw 1vw 1vw;
			margin: 0 0 -1vw -1vw;
			box-sizing: border-box;
		}
		#introduction div.info p.photo.square{
			border-radius: 0;
		}

	#introduction div.info dl{
		margin: 10vw 0 0 0;
	}
	#introduction div.info dl dt{
		margin: 0 0 3vw 0;
		font-size: 4.2vw;
		line-height: 1.8;
		letter-spacing: 0.3vw;
	}
	#introduction div.info dl dd{
		font-size: 3.2vw;
		line-height: 1.8;
		letter-spacing: 0.03vw;
	}
	#introduction div.info dl dd a{
		text-decoration: underline;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* ギャラリー
	*
	* ----------------------------------------------------------------------------------------- */

	#gallery>div.inner>ul>li:nth-of-type(n+5){
		display: none;
	}


}