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


/* ABOUT
-------------------------------------------------- */
#about {
}
#about .containerTxt {
}
#about .containerTxtInn {
	line-height: 2.0;
}

/* IMG
-------------------------------------------------- */
.worksList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.worksListItem .worksListTxt {
	color: #777;
}

/* aboutLetter
-------------------------------------------------- */
.aboutLetter {
	border:  1px solid #dbdbdb;
}
.aboutLetterTitle {
	display: flex;
	justify-content: flex-end;
}




@media screen and (min-width: 768px) {	
	.pageContent {
		margin-bottom: 130px;
	}
	
	/* ABOUT
	-------------------------------------------------- */
	#about {
	}
	.containerTxt {
		width: 1250px;
		margin: 45px auto 25px;
	}
	.containerTxtInn {
		font-size: 18px;
		padding: 0;
	}
	
	/* container
	-------------------------------------------------- */
	.container {
	}
	.containerInn {
		width: 1250px;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	
	/* IMG
	-------------------------------------------------- */
	.worksList {
	}
	.worksListItem {
		width: 1250px;
	}
	.worksListItem .worksImageBox {
		width: 1250px;
		height: 703px;
		/*background: #f3f3f3;*/
		margin: 0 0 10px;
		padding: 0;
		position: relative;
	}
	.worksListItem .worksImageBox .worksImage {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 1250px;
		max-height: 703px;
	}
	.worksListItem .worksImageBox02 {
		width: 1250px;
		height: 150px;
		/*background: #f3f3f3;*/
		margin: 0 0 10px;
		padding: 0;
		position: relative;
		text-align: center;
	}
	.worksListItem .worksImageBox02 .worksImage02 {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 150px;
		max-height: 150px;
	}
	.worksListItem .worksListTxt {
		font-size: 14px;
		line-height: 1.4;
		text-align: center;
	}
	
	/* aboutLetter
	-------------------------------------------------- */
	.aboutLetter {
	}
	.aboutLetter .aboutLetterInn {
		padding: 120px 100px;
		font-size: 16px;
		line-height: 2.0;
	}
	.aboutLetterTitle {
		display: flex;
		justify-content: flex-end;
	}

	/* previousBtn
	-------------------------------------------------- */		
	.previousBtn {
		margin: 80px auto 0;
		padding: 15px 0;
	}
	
}


@media all and (max-width: 767px) {
	.pageContent {
		padding: 6vw 0;
	}

	
	/* ABOUT
	-------------------------------------------------- */
	#about {
	}
	.containerTxt {
		margin: 4vw;
		padding: 0;
		position: relative;
	}
	.containerTxtInn {
		font-size: 3.5vw;
		margin: 0 0 1.5vw;
		padding: 0;
	}
	
	/* container
	-------------------------------------------------- */
	.container {
	}
	.containerInn {
		padding: 4vw 4vw 0;
	}
	
	/* WORKS
	-------------------------------------------------- */
	.worksList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.worksListItem {
		/*margin-bottom: 10vw;*/
		text-align: center;
	}
	.worksListItem .worksImageBox {
		margin: 0;
		padding: 0;
	}
	.worksListItem .worksImageBox .worksImage {
		width: 100%;
	}
	.worksListItem .worksImageBox02 {
		margin: 0;
		padding: 0;
	}
	.worksListItem .worksImageBox02 .worksImage02 {
		width: 50%;
	}
	.worksListItem .worksListTxt {
		font-size: 3.5vw;
		line-height: 1.4;
	}
	
	/* aboutLetter
	-------------------------------------------------- */
	.aboutLetter {
		margin: 0 4vw 5vw;
	}
	.aboutLetter .aboutLetterInn {
		padding: 13vw 8vw;
		font-size: 3.5vw;
		line-height: 2.0;
	}
	.aboutLetterTitle {
	}
	
	/* previousBtn
	-------------------------------------------------- */
	.previousBtn {
		margin: 5vw auto 0;
		padding: 3vw 0;
	}

}