/*font*/
/*読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');

#mainPage{
	max-width: 800px;
}

.en{
	font-family: 'Zilla Slab', serif;
	letter-spacing: 0.06em;
}

.ja{
	font-family: 'Noto Serif JP', serif;
}

.bold{
	font-weight: bold;
}
.pageTitle_en{
	font-size: 12pt;
	letter-spacing: 0.04em;

}
.pageTitle_ja{
	font-size: 10pt;
}

a{
	color:black;
}

#pageTitle{
	position:absolute;
	top:0px;
	left:4vw;
	text-align: left;
	position: fixed;
	line-height:2;
	z-index:1;
}

#menu{
	width:92vw;
	font-size: 10pt;
	position:absolute;
	top:-10px;
	right:4vw;
	text-align: right;
	position: fixed;
	letter-spacing: 0.06em;
	z-index:1;
}

.menuButtonText{
	display:inline-block;
	text-align: center;
	/*background-color: white;*/
	line-height:2;
	width:60px;
	margin-top:30px;
	margin-left:4px;
}

#mainPage{
	width:92vw;
	margin:auto;
}

.sectionTitle{
	font-size:18pt;
	margin-top:0px;
	padding-top: 80px;
	margin-bottom:25px;
}

.normalTextP{
	font-size:10pt;
	font-weight: lighter;
}

.normalTextGroup{
	padding-left:8px;
	border-left: solid 1px;
	margin-bottom:30px;
	text-align: justify;
	letter-spacing: 0.06em;
	line-height:2;
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.normalTextGroup{
		line-height:1.6;
	}
}


#worksGroup{
	width:100%;
	font-size: 0;
}

.eachWorkGroup{
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:40px;
}

.eachWorkGroup a{
	text-decoration: none;
}

.thumnail{
	width:100%;
	margin-bottom:-10px;
}

.workYear{
	font-size:10pt;
	margin-bottom:-10px;
}

.gray{
	color: gray;
}

.workTitle_Ja{
	font-size:10pt;
	margin-bottom:-14px;
	margin-top:18px;
}
.workTitle_En{
	font-size:10.5pt;
}

.OTHERSDate{
	color: gray;
	font-size:10pt;
	margin-bottom:-10px;
}

#OTHERS {
	margin-bottom:80vh;
}





/*worksページ*/

.worksDetail{
	margin-top: 80px;
}

.video{
	width:100%;              /*横幅いっぱいにwidthを指定*/
	z-index:-1;
	margin-bottom:30px;
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.video{
		margin-bottom:40px;
	}
}

.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.backButton{
	margin-top:40px;
	margin-bottom:80px;
}