body {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 16px;
}

img {
	width: 100%;
}

main {
	overflow: hidden;
}

.keisaishi {
	width: 100%;
	max-width: 1140px;
}

@media screen and (max-width: 680px) {
	.keisaishi {
		padding-top:32px;
		font-size:18px;
	}
}

.contents-wrap {
	margin: 50px 0 0;
	padding: 0;
}

.card-box {
	position: relative;
	padding: 0;
	box-sizing: border-box;
}

.card-wrap {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}

.card-box.top-area {
	margin: 0 auto 120px 0;
}

.card-box.talk-area {
	margin: 0 auto 80px 0;
}


.top-area .title-area {
	width: 90%;
	max-width: 828px;
	margin: 4em auto;
	padding: 0;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 500;
}

h1 {
	width: 100%;
	margin: 0 0 1em;
	padding: 0;
}

.photographer-area h2 {
	width: 100%;
	margin: 0 0 4px;
	padding: 0;
}

h1 img,
h2 img {
	display: block;
	max-width: 800px;
	margin: 0 auto;
}

.list-area ul,
.exhibition-area ul {
	width: 100%;
	margin: 0 0 4em;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4em 5em;
	list-style-type: none;
	box-sizing: border-box;
}

.list-area ul {
}

.list-area li,
.exhibition-area li {
	width: 100%;
	margin: 0;
	padding: 0;
}

.list-area li p {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 2em;
}

.exhibition-area {
	width: 100%;
	margin: 3em auto;
	padding: 0;
	font-size: 14px;
	background: #fff;
	box-sizing: border-box;
}

.exhibition-area ul {
	gap: 1.5em;

}

.exhibition-area li {
	padding: 14px;
	border: 1px solid #000;
	background: #fff;
	box-sizing: border-box;
}

.exhibition-area li p:nth-child(1) {
	font-size: 18px;
	font-weight: 700;
}

.exhibition-area li p {
	margin: 6px 0;
}

.exhibition-area li:nth-child(1) p:nth-child(1) {
	color: #BA761D;
	font-weight: 700;
}

.exhibition-area li:nth-child(2) p:nth-child(1) {
	color: #1C4E3A;
}

.exhibition-area li p:nth-child(2),
.exhibition-area li p:nth-child(3) {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	line-height: 1.2em;
}

.exhibition-area li p:nth-child(2)::before,
.exhibition-area li p:nth-child(3)::before {
	content: "";
	width: 14px;
	height: 14px;
	background-size: contain;
	margin-top: 3px;
	background-repeat: no-repeat;
}

.exhibition-area li p:nth-child(2)::before {
	background-image: url("http://inori.nara-kankou.or.jp/img/inori/naratabiakashi/access-icon.svg");
}

.exhibition-area li p:nth-child(3)::before {
	background-image: url("http://inori.nara-kankou.or.jp/img/inori/naratabiakashi/tel-icon.svg");
}

.talk-area .title-area {
	width: 100%;
	margin: 3em auto 2em;
	padding: 0;
	font-family: "Shippori Mincho", "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif !important;
}

.talk-area .title-area h2 {
	font-size: 48px;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

.talk-area .title-area p {
	width: calc(100% - 1em);
	font-size: 32px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #000;
	position: relative;
}

.talk-area .title-area p::after {
	content: "";
	position: absolute;
	width: 1rem;
	height: 1rem;
	background-color: #000;
	transform-origin: center;
	transform: rotate(45deg);
	bottom: -0.5rem;
	right: -0.5rem;
	z-index: 1;
}

.talk-text h3 {
	font-size: 24px;
	color: #C46F84;
	margin: 0 0 1em;
	padding: 0;
}

.talk-text p {
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 1em;
	line-height: 2em;
	font-size: 18px;
	font-family: "Shippori Mincho", "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
	font-weight: 400;
}

.talk-text section {
	margin: 0 0 2em;
}

.talk-text section:last-child {
	margin: 0 0 1em;
}


.introduction-area {
	position: relative;
	padding: 0 0 240px;
}

.introduction-area section {
	margin: 0 0 2em;
	box-sizing: border-box;
}

.introduction-area .introduction-main {
	width: 100%;
}

.introduction-area h3 {
	margin: 1em 0 4px;
}

.introduction-area {
	margin: 2em 0;
	padding: 0;
	background: #fff;
	box-sizing: border-box;
}

.introduction-area .introduction-main div:nth-child(1) {
	position:relative;
}

.introduction-area .introduction-main div:nth-child(1) div{
	position:absolute;
	padding:2px 4px;
	bottom:-24px;
	right:0;
	font-size:14px;
}

.introduction-area .introduction-sub {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
}

.introduction-area .introduction-sub div:nth-child(1) {
	width: 30%;
	max-width: 300px;
	margin-right: 2em;
}

.introduction-area .introduction-sub span {
	font-weight: 700;
}

.introduction-area .introduction-sub img {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 4px;
}

.txt_p {
	color: #C46F84;
}

.sp {
	display: none;
}

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

	.card-box.top-area .card-wrap,
	.card-box.talk-area .card-wrap,
	.card-wrap2 {
		width: 96%;
		margin: 0 auto;
		padding: 0 36px;
	}

	.top-area .title-area p {
		font-size: 16px;
		line-height:1.8em;
	}

	.list-area li p {
		font-size: 14px;
	}

	.talk-text p {
		font-size: 16px;
	}
	
	.introduction-area {
		font-size: 14px;
	}
}

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

	.list-area ul,
	.exhibition-area ul {
		display: block;
	}

	.list-area li,
	.exhibition-area li {
		margin: 0 auto 2rem;
	}

}

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

	p {
		font-size: 14px;
	}

	.title-area {
		margin: 2rem 0 3rem;
	}

	.talk-area .title-area h2 {
		font-size: 36px;
	}

	.talk-area .title-area p {
		font-size: 24px;
	}

	.talk-text h3 {
		font-size: 18px;
	}

	.talk-text p {
		font-size: 14px;
	}
	
	.introduction-area .introduction-sub {
		display: block;
	}

	.introduction-area .introduction-sub div:nth-child(1) {
		width: 40%;
		margin:0 auto 6px;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}

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

	.card-box.top-area .card-wrap,
	.card-box.talk-area .card-wrap,
	.card-wrap2 {
		width: 96%;
		margin: 0 auto;
		padding: 0 24px;
	}

	.top-area .title-area {
		margin: 3em auto 2em;
	}

	.top-area .title-area p {
		font-size: 15px;
		line-height:1.8em;
	}

	.talk-area .title-area h2 {
		font-size: 8vw;
	}

	.talk-area .title-area p {
		font-size: 5vw;
	}

	.talk-text p {
		font-weight: 500;
	}
	

	.introduction-area .introduction-sub {
		display: block;
	}

	.introduction-area .introduction-sub div:nth-child(1) {
		margin: 0 auto 4px;
	}
}