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

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

/*
	00 layout
	01 index
	02 concept
	03 infomation
*/

/*	00 layout
------------------------------------------*/

header, .toppage header{
  margin-top:12vw;
}

/*	01 index(works)
------------------------------------------*/
/*index*/
.works_list .works_item{
	width:100%;
	height:auto;
	max-width:none;
	max-height:none;
	float:none!important;
}
/*detail*/
.works_detail .description{
	
}
.works_detail .description div{
	float:none;
	border:0!important;
	padding:0!important;
	width:100%!important;
}
.works_detail .description div:last-child{
	position:relative;
	width:100%;
	right:0;
	margin:10vw 0;
}
.works_detail .description div:last-child dt,
.works_detail .description div:last-child dd{
	font-size:0.95rem;
	display:inline-block;
	vertical-align:top;
	line-height:18px;
	margin-bottom:17px;
}
.works_detail .description div:last-child dt{width:40%;min-width: 140px;margin-right: 15px;}
.works_detail .description div:last-child dd{width:60%;margin-top: 0;}

.works_detail .description div:last-child,
.works_detail .item{
	margin-bottom:11.5vw;
}
.works_detail .description{
	margin-bottom:0;
}

.works_detail .item:nth-of-type(2){
	max-width:100%;
}



/*	02 concept
------------------------------------------*/
/*	03 infomation
------------------------------------------*/

#info .img{
	position:relative;
	top:0;
	bottom:auto;
	width:100%;
	max-width:none;
	float:none;
}
#info .half{
	width:100%;
	max-width:none;
}


#info dl,#info dl dt,#info dl dd{
	width:90vw;
	margin:0;
	padding:0;
	display:block;
}
#info dl dt{margin:5vw 0 2vw 0;}
#info dl dd{margin:2vw 0 5vw 0;}

}