@charset "UTF-8";

main{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}


/* ++++++++++++++++#internal-links++++++++++++++++++ */
#internal-links{
	font-size: 1.8rem;
	width: 25%;
	position: sticky;
	top: calc(108px + 5%);
	padding-left: 5%;
}
#internal-links li{
	padding: 0 0 3em;
}
#internal-links a{
	color: #000;
}
/* ++++++++++++++++++++++
Tablet style
+++++++++++++++++++++++ */
@media screen and (max-width: 1026px){
	#internal-links{
		padding-left: 2.5%;
	}
}
/* ++++++++++++++++++++++
SP style
+++++++++++++++++++++++ */
@media screen and (max-width: 768px){
	#internal-links{
		width: 100%;
		position: fixed;
		top: auto;
		left: 0;
		bottom: 0;
		padding-left: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		font-size: 1rem;
		z-index: 999;
		background: linear-gradient(0, rgba(236, 236, 236, 1), rgba(236, 236, 236, .6));
	}
	#internal-links li{
		padding: 0;
		margin: 0;
		display: flex;
		align-items: flex-end;
		width: 20%;
		position: relative;
		text-align: center;
		height: 6rem;
		padding-top: 1.5rem;
	}
	#internal-links a{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		line-height: 1.3;
		height: 100%;
		width: 100%;
	}
	#internal-links a span{
		transform: scale(.8);
	}
}



/* ++++++++++++++++#contents共通++++++++++++++++++ */
#contents{
	width: 75%;
	padding-left: 2.5%;
	padding-right: 5%;
}
.sec h2{
	font-size: 3.4rem;
	width: 38.2%;
	margin-bottom: 5%;
}
.sec .content{
	width: 61.8%;
}
.sec dl{
	line-height: 2.5;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #433f37;
}
.sec dt{
	width: min(12vw, 160px);
	font-family: 'Cinzel', serif;
	font-weight: 500;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.9;
	float: left;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
}
.sec dd{
	width: max(calc(100% - 12vw), calc(100% - 160px));
	margin-left: auto;
	text-indent: -.55em;
	padding-left: .55em;
	line-height: 2.5;
	float: right;
	padding: 2.5% 1.5%;
}
.sec dl dd:not(:last-of-type){
	border-bottom: 1px solid rgba(67,63,55,.2);
}
.sec dd a,
#contact a{
	text-decoration: underline;
}
.sec dd a:hover,
#contact a:hover{
	text-decoration: none;
}

/* ++++++++++++++++++++++
Tablet style
+++++++++++++++++++++++ */
@media screen and (max-width: 1026px){
	#contents{
		padding-right: 2.5%;
	}
	.sec{
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	.content{
		padding-left: 5%;
	}
}
/* ++++++++++++++++++++++
SP style
+++++++++++++++++++++++ */
@media screen and (max-width: 768px){
	#contents{
		width: 100%;
		padding: 0;
	}
	.sec{
		padding-left: 0;
		padding-right: 0;
	}
	.sec h2{
		font-size: 2.6rem;
		width: 100%;
		margin-bottom: 4rem;
	}
	.sec .content{
		width: 100%;
		padding-left: 0;
	}
	.sec dl{
		line-height: 2;
		border-top: .1rem solid #433f37;
	}
	.sec dt{
		width: 8rem;
		text-align: left;
		font-size: 1.6rem;
		float: left;
		padding-top: 1.8rem;
		padding-bottom: 1.8rem;
		padding-left: 1rem;
	}
	.sec dd{
		width: calc(100% - 8rem);
		line-height: 2;
		padding: 1.8rem 1rem;
	}
	.sec dl dd:not(:last-of-type){
		border-bottom: .1rem solid rgba(67,63,55,.2);
	}

}

/* ++++++++++++++++#biography+++++++++++++++++ */
#biography{
	display: flex;
	align-items: flex-start;
}
#biography h3,
#exhibitions h3,
#artist-statement h3{
	font-weight: 400;
	font-size: 2.2rem;
	letter-spacing: .2em;
}
#biography h3{
	padding-bottom: .2em;
}
#biography h3{
	min-height: min(3.313vw, 3.4rem);
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
#biography h3 span{
	letter-spacing: .1em;
	font-size: 75%;
	padding-left: 1.25em;
}
#biography .parag,
#contact .parag:not(:nth-of-type(1)){
	padding-top: 1.75em;
}

/* ++++++++++++++++++++++
SP style
+++++++++++++++++++++++ */
@media screen and (max-width: 768px){
	#biography{
		display: block;
	}
	#biography h3,
	#exhibitions h3,
	#artist-statement h3{
		font-size: 1.8rem;
	}
	#biography h3{
		padding-bottom: 0;
	}
	#biography h3 span{
		letter-spacing: .1em;
		font-size: 75%;
		padding-left: 1.0em;
	}
	#biography .parag{
		letter-spacing: .05em;
	}
	#biography .parag,
	#contact .parag:not(:nth-of-type(1)){
		padding-top: 1.25em;
	}
}

/* ++++++++++++++++#exhibitions+++++++++++++++++ */
.exhibition dl:last-of-type,
#awards dl:last-of-type{
	border-bottom: 1px solid #433f37;
}

#exhibitions h3{
	margin-bottom: 3.65%;
}
.exhibition{
	margin-top: 7.5%;
}
@media screen and (max-width: 768px){
	.exhibition dl:last-of-type,
	#awards dl:last-of-type{
		border-bottom: .1rem solid #433f37;
	}

	#exhibitions h3{
		margin-bottom: 1.8rem;
	}
	.exhibition{
		margin-top: 4rem;
	}
}


/* ++++++++++++++++#artist-statement+++++++++++++++++ */
#artist-statement{
	overflow: hidden;
}
#artist-statement h2{
	width: 100%;
}
.artist-statement-content{
	padding: 0 2.5%;
}
.artist-statement-content:not(:nth-of-type(1)){
	margin-top: 5.5%;
}
#artist-statement h3{
	margin-bottom: 2.5%;
}
.artist-statement-content{
}
#artist-statement .parag{
	text-indent: 1em;
	margin-top: 1em;
}


@media screen and (max-width: 768px){
	.artist-statement-content{
		padding: 0;
	}
	.artist-statement-content:not(:nth-of-type(1)){
		margin-top: 5rem;
	}
	#artist-statement h3{
		margin-bottom: 1.8rem;
	}
	#artist-statement .parag{
		margin-top: 1.25em;
	}
}


/* ++++++++++++++++#contact+++++++++++++++++ */
#contact{
	display: flex;
	align-items: flex-start;
}
@media screen and (max-width: 768px){
	#contact{
		display: block;
	}
}