@charset "UTF-8";
/* CSS Document */
#main {
	min-width: 375px;
}
/* exhibition ********************/
.exhibition {
	margin-bottom: 100px;
}
.exhibition h1 {
	margin-bottom: 10px;
}
.exhibition p.message{
	display: block;
	text-align: center;
	text-indent: 0;
}
.exhibition p{
	display: block;
	margin-bottom: 30px;
}
.exhibition p a{
	border-bottom: solid 1px;
}

.paragraph{
	width:90%;
	margin:60px auto;	
}
.paragraph img{
	margin-top: 20px;
}
.cection{
	width:60%;
	margin:100px auto;
}
iframe {
	width: 100%;
}

h1,
h2{
	font-size: 1.5em;
	letter-spacing :8px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	padding: 10px 30px;
	margin: 40px  0 ;
    /* width: 200px; */
    border-bottom: 2px solid #004143;
	text-align:center;
}
h2 {
	width: 200px;
}
h3{
	font-size: 1.2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	margin: 20px  0 ;
	letter-spacing :4px;
}
p.message,
.right {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: normal;
	color:#4A4A4A;
	letter-spacing :1px;
	line-height: 2;
	display: inline-block;
	font-size: 110%;
	text-indent: 1rem;
}
p.right {
	display: flex;
	justify-content: flex-end;
	margin-top: 60px;
}
dl {
  display: flex;
  justify-content: space-between;
}
dt {
  padding: 5px 0px 10px 20px ;
  width:30%;
}

dd {
  padding: 5px 0;
  width: calc(80% - 100px);
}



/*600px〜959px：タブレット------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) { 
	.cection{
		width:80%;
		margin:100px auto;
	}
	.paragraph{
		width:90%;
		margin: 50px auto ;
	}		
	h1,h2{
		font-size: 1.4em;
		letter-spacing :4px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-weight: bold;
		padding: 5px 10px;
		margin: 10px  0 ;
		/* width: 150px; */
		border-bottom: 2px solid #004143;
			text-align:center;
	}
	h2 {
		width: 150px;
	}
	}

	/* 480px〜599px：SP横
	------------------------------ */
	@media screen and (min-width:480px) and (max-width:599px) { 
	.cection{
		width:90%;
		margin:100px auto;
	}
	.paragraph{
		width:90%;
		margin: 50px auto ;
	}
	h1,h2{
		font-size: 1.4em;
		letter-spacing :4px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-weight: bold;
		padding: 5px 10px;
		margin: 10px  0 ;
		/* width: 150px; */
		border-bottom: 2px solid #004143;
		text-align:center;
	}
	h2{
		width: 150px;
	}
	h3{
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-weight: bold;
		margin: 0px  0 10px 0;
		letter-spacing :2px;
		color:#03585B; 
	}		
	p.message,.right {
		letter-spacing :1px;
		line-height: 2;
	}	
	dl {
		display: flex;
		justify-content: space-between;
	}
	dt {
		padding: 5px 10px 20px 5px ;
		width:25%;
	}
	dd {
		padding: 5px 0 20px 5px;
		width: calc(80% - 30px);
	}
}
 

/* 〜479px：SP縦
------------------------------ */

@media only screen and ( max-width : 479px ) {
	/* 480px以下に適用されるCSS（スマホ用） */
	p.message,.right{
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-weight: normal;
		color:#4A4A4A;
		letter-spacing :1px;
		line-height: 1.8;
		display: inline-block;
		font-size: 100%;
		text-indent: 1rem;
	}
	.paragraph{
		width:100%;
		margin: 50px auto ;
	}
	.cection{
		width:90%;
		/* margin:50px 0; */
	}
	h1,h2{
		font-size: 1.3em;
		letter-spacing :4px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-weight: bold;
		padding: 5px 10px;
		margin: 10px  0 ;
		/* width: 150px; */
		border-bottom: 2px solid #004143;
		text-align:center;
	}
	h2{
		width: 150px;
	}
	h3{
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		font-weight: bold;
		margin: 20px  0 10px 0;
		letter-spacing :2px;
		color:#03585B; 
	}
	dl {
	display: flex;
	justify-content: space-between;

	}
	dt {
	padding: 5px 5px 20px 5px ;
	width:25%;
	}
	dd {
	padding: 5px 0px 20px 5px;
	width: calc(80% - 30px);
	}
}