@charset "utf-8";

/* タイトル */
.headTtlArea {
	display: flex;
	width: 96%;
	padding-top: 3vw;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5vw;
}

.leftImg {
	width: 50%;
}

.leftImg img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.rightTtl {
	display: flex;
	flex-wrap:wrap;
	align-content: space-between; 
	width: 50%;	
}

.largeTtl {
	font-size: 9vw;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 112%;
	font-weight: 300;
	color: #605952;
	letter-spacing: -0.015em;
	padding-left: 4.3vw;
	width: 100%;
	padding-top: 1.3vw;
}

.btmTtl {
	font-size: 1.4vw;
	line-height: 120%;
	font-weight: 500;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #000;
	width: 100%;
}

/* コンセプト */
.conceptArea {
	width: 70%;
	margin-right: auto;
	margin-bottom: 4vw;
	margin-left: auto;
}

.conceptTtl {
	font-size: 1.1vw;
	line-height: 180%;
}


/* 作品 */
.artArea {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 84%;
	margin-right: auto;
	margin-left: auto;
}

.worksArt {
	/*background-color: #6CF;*/
	width: 45%;
	margin-bottom: 6vw;
	padding-bottom: 3vw;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.imgTate {
	text-align: center;
	height: 35vw;
}

.imgTate img {
	height: 100%;
	width: auto;
	vertical-align: bottom;
}

.imgYoko {
	width: 100%;
}

.imgYoko img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.imgTate img:hover,
.imgYoko img:hover {
	cursor: zoom-in;
}

.spec {
	font-size: 1.2vw;
	line-height: 140%;
	background-image: url(../../n_exhibition/2025_template/images/Lupe.png);
	background-repeat: no-repeat;
	background-position: left 1.6vw;
	background-size: 1.4vw;
	padding-left: 1.8em;
	padding-top: 1.5vw;
	padding-bottom: 1.3vw;
}

.explanation {
	font-size: 0.91vw;
	line-height: 170%;
	font-weight: 400;
}

/* プロフィールエリア */
.profileArea {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-top: 10vw;
	padding-top: 1.2em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	width: 84%;
	margin-right: auto;
	margin-left: auto;
}

.profTtl {
	font-size: 1.2vw;
	line-height: 120%;
	font-weight: 600;
	width: 100%;
	padding-bottom: 1em;
}

.profBox {
	width: 31%;
}

.profBox_w {
	width: 35%;
}

ul.profList {
	padding-bottom: 2em;
	list-style-type: none;
}

ul.profList li {
	font-size: 1.1vw;
	line-height: 130%;
	padding-bottom: 0.2em;
}

ul.profList li.subTtl {
	font-size: 1vw;
	line-height: 130%;
	font-weight: 600;
}


@media screen and (max-width: 767.98px){ /*768-992*/

/* タイトル */
.headTtlArea {
	display: flex;
	width: 96%;
	padding-top: 3vw;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 7vw;
}

.leftImg {
	width: 50%;
}

.leftImg img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.rightTtl {
	display: flex;
	flex-wrap:wrap;
	align-content: space-between; 
	width: 50%;	
}

.largeTtl {
	font-size: 10vw;/*9vw*/
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 112%;
	font-weight: 300;
	color: #605952;
	letter-spacing: -0.015em;
	padding-left: 4.3vw;
	width: 100%;
	padding-top: 1.3vw;
}

.btmTtl {
	font-size: 4vw;
	line-height: 120%;
	font-weight: 500;
	padding-top: 0.4em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #000;
	width: 100%;
}

/* コンセプト */
.conceptArea {
	width: 90%;
	margin-right: auto;
	margin-bottom: 7vw;
	margin-left: auto;
}

.conceptTtl {
	font-size: 3vw;
	line-height: 180%;
	text-align: justify;
}


/* 作品 */
.artArea {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap:wrap;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.worksArt {
	/*background-color: #6CF;*/
	width: 100%;
	margin-bottom: 10vw;
	padding-bottom: 8vw;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.imgTate {
	text-align: center;
	height: 75vw;
}

.imgTate img {
	height: 100%;
	width: auto;
	vertical-align: bottom;
}

.imgYoko {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

.imgYoko img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.imgTate img:hover,
.imgYoko img:hover {
	cursor: zoom-in;
}

.spec {
	font-size: 3.5vw;
	line-height: 140%;
	background-image: url(../../n_exhibition/2025_template/images/Lupe.png);
	background-repeat: no-repeat;
	background-position: left 5.8vw;
	background-size: 3.5vw;
	padding-left: 1.4em;
	padding-top: 5vw;
	padding-bottom: 3.5vw;
}

.explanation {
	font-size: 3vw;
	line-height: 170%;
	font-weight: 400;
	text-align: justify;
}

/* プロフィールエリア */
.profileArea {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-top: 3em;
	padding-top: 1.2em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20vw;
}

.profTtl {
	font-size: 4vw;
	line-height: 120%;
	font-weight: 600;
	width: 100%;
	padding-bottom: 1em;
}

.profBox {
	width: 100%;
}

.profBox_w {
	width: 100%;
}

ul.profList {
	padding-bottom: 0em;
	list-style-type: none;
}

ul.profList li {
	font-size: 3.5vw;
	line-height: 130%;
	padding-bottom: 0.2em;
}

ul.profList li.subTtl {
	font-size: 3.5vw;
	line-height: 130%;
	font-weight: 600;
	margin-top: 1em;
}


}