@charset "utf-8"; 
	html {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 62.5%;
/-moz-appearance	    }

body {
	font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background-color: black;
}


* {
	padding: 0px;
	margin: 0px;
}

	*, 
	*:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	}
	


.slideShowExh2020 {
	position: relative;
	display: block;
	width: 70vw;        /*スクリーン幅*/
	min-width: 270px;
	margin-top: 54px;
	margin-left: 15vw;
	min-height: 100vh;
}  

.slideShowExh2020 span {
	width: 70vw;
	color: white;
	font-weight: 600;
   }
 
.slideShowExh2020 ul.imgWrap li {
	display: none;        
	width: 70vw;         
	min-width: 270px;

	height: auto;
	list-style-type: none;
}

.slideShowExh2020 ul.imgWrap li.is-show {
	position: relative;   
	display: block;
	animation: slideAnime 300ms ease-out 0ms 1 normal both;
	text-align: center;
	font-size: 1.4rem;
	margin-top: 0;
	padding-top: 0;
	height: auto;
}

.container {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 70vw;
	min-width: 270px;
	height: auto;
	padding-bottom: 0;
    height: auto;
	margin-bottom: 2em;
}

.paragraph {
	position: relative;
	display: block;
	font-size: 1.6rem;
	font-weight: 300;
	width: 70vw;
    margin-left: 0em;
	margin-bottom:  0em;
	margin-right: 0;
	padding-right: 0;	
	text-align: left;
}
.paragraph p {
	line-height: 1.5;
	color: white;
}

.paragraph img {
	width: 35vw;
	min-width: 270px;
	margin-right: 2em;
	margin-bottom: 0em;
	float: left;
}

.maintitle {
	font-size: 2rem;
	font-weight: 500;
	color: white;
	min-width: 230px;
	margin-left: 0;
	margin-right: auto;
}

.name {
	text-align: center;
}
.page {
	text-align: center;
}

.paragraph_1 {
	position: relative;
	display: block;
	font-size: 1.6rem;
	width: 32vw;
	min-width: 250px;
	text-align: center;
}
.paragraph_1 p {
	line-height: 1.6;
	color: white;
}

.paragraph_1 img {
	width: 32vw;
	min-width: 250px;
   margin: 0 0 1.2rem 0;
}

.paragraph_2 {
	position: relative;
	display: block;
	font-size: 1.6rem;
	width: 69vw;
	text-align: center;
}
.paragraph_2 img {
	width: 70%;
	min-width: 250px;
   margin-top: 3rem;
   margin-bottom: 0.5rem;
}
.paragraph_2 p {
	line-height: 1.6;
	color: white;
}

.paragraph_3 {
	position: relative;
	display: block;
	font-size: 1.6rem;
	width: 68vw;
	text-align: center;
}
.paragraph_3 img {
	width: 70%;
	min-width: 250px;
   margin-top: 3rem;
}
.paragraph_3 p {
	line-height: 1.6;
	color: white;
}

.paragraph_4 {
	position: relative;
	display: block;
	font-size: 1.6rem;
	width: 27vw;
	min-width: 350px;
	text-align: center;
}

.paragraph_4 p {
	line-height: 1.6;
	color: white;
}

.paragraph_4 img {
	width: 16vw;
	min-width: 250px;
   margin-right: 0;
   margin-left: 0;
   padding-bottom: 0.5rem;
}

.paragraph_5 {
	position: relative;
	display: block;
	font-size: 1.6rem;
	width: 47vw;
	min-width: 250px;
	text-align: center;
	padding: 0 0;
}

.paragraph_5 p {
	line-height: 1.6;
	color: white;
}

.paragraph_5 img {
	width: 85%;
	min-width: 250px;
   margin-left: 0;
   padding-bottom: 1.6rem;
	text-align: center;
}

.paragraph_6 {
	position: relative;
	display: block;
	font-size: 1.6rem;
	width: 40vw;
	min-width: 250px;
	text-align: center;
	padding: 0 0;
}

.paragraph_6 p {
	line-height: 1.6;
	color: white;
}

.paragraph_7 {
		position: relative;
		display: block;
		font-size: 1.6rem;
		width: 37vw;
		min-width: 250px;
		text-align: center;
		margin-left: 0;
	}
	
.paragraph_7 img {
		width: 30vw;
		min-width: 250px;
		padding-top: 0;
	   padding-bottom: 1rem;
	   margin-bottom: 0;
	}	
	.paragraph_7 p {
		line-height: 1.6;
		color: white;
	}
		
.paragraph_8 {
		position: relative;
		display: block;
		font-size: 1.6rem;
		width: 29vw;
		min-width: 250px;
		text-align: center;
		padding: 0 0;
		margin-left: 0;
	}

.paragraph_8 img {
		width: 20vw;
		min-width: 250px;
	   padding: 0.3rem 0 1rem 0;
	}
	
	.footnote {
		font-size: 1.4rem;
		width: 59vw;
		min-width: 250px;
		line-height: 1.6;
		color: white;
	}	
	
	.paragraph_9 {
			position: relative;
			display: block;
			font-size: 1.6rem;
			width: 37vw;
			min-width: 250px;
			text-align: center;
			margin-left: 3VW;
			margin-right: auto;
		}
		
	.paragraph_9 img {
			width: 39vw;
			min-width: 250px;
		   padding-bottom: 0.4rem;
		}	

.paragraph_9 p {
			min-width: 260px;
			color: white;
		}
		
	.paragraph_10 {
			position: relative;
			display: block;
			font-size: 1.6rem;
			width: 33vw;
			min-width: 250px;
			text-align: center;
			margin-left: auto;
			margin-right: 3VW;
		}
	
	.paragraph_10 img {
			width: 22vw;
			min-width: 250px;
		   padding-bottom: 0.6rem;
		   padding-top: 1rem;
		}
			
	.paragraph_10 p {
		line-height: 1.4;
		color: white;
	}
	
.paragraph_11 {
		position: relative;
		display: block;
		font-size: 1.6rem;
		width: 30vw;
		min-width: 250px;
		text-align: center;
	}
	
	.paragraph_11 img {
		width: 18.5vw;
		min-width: 200px;
	   margin-right: 0;
	   margin-left: 0;
	   padding-bottom: 1.6rem;
	}
	
	.paragraph_11 p {
		line-height: 1.6;
		color: white;
	}
	
.paragraph_12 {
		position: relative;
		display: block;
		font-size: 1.6rem;
		width: 30vw;
		min-width: 200px;
		text-align: center;
	}
	
	.paragraph_12 img {
		width: 83%;
		min-width: 200px;
	   margin-right: 0;
	   margin-left: 0;
	   padding-bottom: 1.4rem;
	}
	
	.paragraph_12 p {
		line-height: 1.6;
		color: white;
	}
		
.comment {
	display: block;
    text-align: left;
	line-height: 1.6;
	color: white;
	font-size: 1.6rem;
	width: 98%;
	min-width: 255px;
	padding-top: 0.8rem;
	margin-left: 2vw;
}

.sign {
	text-align: right;
	padding-right: 60px;
	margin-bottom: 0;
}

.paragraph::after{
	content: "";
	display: block;
	clear: both;
}

.subtitle {
	display: block;
	width: 70vw;
	height: 2rem;
	font-size: 2rem;
	font-weight: 600;
	margin-top: 2.6rem;
	text-align: center;
	margin-bottom: 1.6rem;
	color: white;
}

.category {
	display: block;
	width: 20.5vw;
	height: 4rem;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0;
	padding-left: 2vw;
	color: white;
}

.mintitle {
	display: block;
	width: 70vw;
	height: 2rem;
	font-size: 1.2rem;
	font-weight: 400;
	padding-bottom: 3.6rem;
	text-align: center;
	color: white;
	text-decoration: underline;
}

.index_box {
	position: relative;
	display: block;
	width: 22.5vw;
	min-width: 280px;
	min-height: 250px;
	font-size: 1.4rem;
	text-align: center;
	padding: 0 0;
	line-height: 2.6;
	margin-bottom: 6vw;
	color: white;
}

.index_box a {
	color: white;
	text-decoration: underline;
	transition: color: 0.3s;	
}

.index_box a:hover {
	color: gold;
	}

@keyframes slideAnime {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

.slideShowExh2020 ul.imgWrap li.container{
	display: block;
	width: 100%;         
	height: auto;
   }

.slideShowExh2020 button {
	display: block;
	position: absolute;
}

.slideShowExh2020 button.btn-prev {
	top: 30vh;
	width: clamp(2.8rem, 5vw, 8rem);        
	height: clamp(2.8rem, 5vw, 8rem);
	padding: 0 0;
	background: gray;
	border: none;
	border-radius: 3vw;
	color: #ffffff;
	cursor: pointer;
	font-size: clamp(1.6rem, 2vw, 3.6rem);       
	outline: none;
	transition: transform 200ms;
	left: -10vw;
	transform: rotate( 0 );
}
.slideShowExh2020 button.btn-prev:hover {
   transform: rotate( 0 ) scale( 1.1 );
}

.slideShowExh2020 button.btn-next {
	top: 30vh;
	width: clamp(2.8rem, 5vw, 8rem);        
	height: clamp(2.8rem, 5vw, 8rem);
	padding: 0 0;
	background: gray;
	border: none;
	border-radius: 3vw;
	color: #ffffff;
	cursor: pointer;
	font-size: clamp(1.6rem, 2vw, 3.6rem);       
	outline: none;
	transition: transform 200ms;
	right: -10vw;
	transform: rotate( 0 );
}

.slideShowExh2020 button.btn-next:hover {
   transform: rotate( 0 ) scale( 1.1 );
}

.index {
	display: block;
	margin: 0 auto;
	width: 6rem;
	height: 3rem;
    background: lightgray;
	border-radius: 0.5em;
	color: gray;
	cursor: pointer;	
}

.index p {
	display: block;
	width: 5.3rem;
	height: 2.6rem;
	margin-top: -0.3em;
	text-align: center;
	font-size: 2.4rem;
	color: gray;
	cursor: pointer;
}

.index span p {
	display: block;
	font-size: 2.4rem;
	font-weight: 800;
	color: gray;
	cursor: pointer;
	pointer-events: none;
	padding-top: 1.8rem;
	margin-left: -0.4em;
}

.index p:hover{
	color: lightgray;
	background: gray;
}
			
		footer .logo {
			position: relative;
			width: 100%;
			padding-top: 2.4rem;
			padding-bottom: 0.4rem;
			background-color: black;
		}
		
 .logo p {
		font-size: clamp(1.4rem, 2.5vw, 1.8rem);
		padding-bottom: 1.6rem;
			color: white;
	}
	.copyright {
		display: block;
		background: black;
		width: 100%;
		text-align: center;
		font-size: clamp(1.4rem, 2.5vw, 1.8rem);
}
.copyright p {
	color: white;
}
	
	
#modal {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	background:rgba(0,0,0,.85);
}
#modal-content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

#modal-image {
	height: 48vh;
	width: auto;
	transform: rotate( -90deg );
}	

@media screen and (min-width:768px) {
#modal-image {
	width: calc(80vw - 40px);
	height: auto;
	transform: rotate( 0deg );
	}
	}
	

	

.hidden {
	display: none!important;
}
		
		footer .logo {
			position: relative;
			display: block;
			margin: auto 38vw 1vw auto;	
		}