body{
-webkit-text-size-adjust: 100%;
margin: 0;
background: url(../images/bacgroundPC.webp) no-repeat center 0;
background-size:cover;
font-family: "BIZ UDMincho", serif;
font-weight: 400;
font-style: normal;
width: 100vw;
height: 100%;
white-space: nowrap;
font-weight: bold;
}
#A440Logo{
background: url(../images/A440_logo_w.webp) no-repeat center;
background-size: contain;
position:absolute;
top: 10px;
left: 10px;
min-height: 5vw;
min-width: 5vw;
width:66px;
height:66px;
cursor: pointer;
}
#A440Logo:hover, #announce:hover{
opacity:0.8;
}
section{
display: flex;
align-items: center;
flex-direction: column;
padding: 48px 0 16px;
text-align: center;
}
#titleLogo{
background: url(../images/TitleLogo.webp) no-repeat center;
background-size: contain;
width: 1200px;
height:340px;
max-width: 70vw;
}
#introductionText{
font-size:2.1em;
line-height: 4.5em;
margin: 3rem 0 0;
}
#introductionTextTop{
font-size:2.1em;
line-height: 4.5em;
margin: 3rem 0;
}
.exhibition_SP #introductionTextTop{
font-size:1em;
margin: 0 0 1em;
}
#introductionTextBottom{
font-size: 2.1em;
line-height: 4.5em;
margin: 0;
}
.exhibition_SP #introductionTextBottom{
font-size: 1em;
}

#info{
font-size: 1em;
line-height: 1.4em;
}
.introduction{
text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 0 0 4px #fff;
}
#announce{
width:100%;
text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight:400;
font-style: normal;
font-size:1em;
line-height: 0.5em;
display: flex;
justify-content: center;
}
#announce p{
margin: 0;
width: 354px;
height: 60px;
position: relative;
left:30vw;
background: url(../images/rectangle_288.webp) no-repeat center 0;
background-size:contain;
}
#announce p span{
display: block;
position: relative;
top: 15px;
}
body.exhibition_SP{
background-size: auto 100vh;
}
.exhibition_SP #titleLogo{
max-height: 150px;
top: 100px;
}
.exhibition_SP #A440Logo{
width:50px;
height:50px;
}
.exhibition_SP #introductionText{
font-size: 0.9em;
line-height: 6rem;
top: 300px;
}
.exhibition_SP #info{
font-size: 0.9em;
line-height: 1.6em;
}
.exhibition_SP #announce{
width: 22em;
height: 3em;
font-size: 0.7em;
}
.exhibition_SP #announce p{
right: auto;
background-size: 232px auto;
left:auto;
}
.exhibition_SP #announce p span{
top:10px;
}
#movieIframe{
width:770px;
height:433px;
}
.exhibition_SP #movieIframe{
width:330px;
height:186px;
}
@media (orientation: landscape) {
	body.exhibition_SP{
	background-size: auto 100%;
	}
	.exhibition_SP #titleLogo{
    max-width: 360px;
    max-height: 150px;
    top: 30px;
	}
	.exhibition_SP #A440Logo{
	width:50px;
	height:50px;
	}
	.exhibition_SP #introductionText{
	top: 180px;
	line-height: 2em;
	}
	.exhibition_SP #info{
	font-size: 0.7em;
    bottom: auto;
    top: 300px;
	}
}
@media (min-width:2500px){
	.exhibition_PC #titleLogo{
	min-width: 86vw;
	min-height: 20vw;
	} 
  	.exhibition_PC #introductionText{
	font-size:2.3rem;
	}
	.exhibition_PC #announce {
	font-size:1.8rem;
	}
	.exhibition_PC #announce p{
	min-width: 22vw;
	min-height: 3vw;
	background-size: contain;
	}
	.exhibition_PC #announce p span{
	top: 16px;
	}
	.exhibition_PC #info {
       font-size:1.5em;
	}
}
@media (orientation: portrait) {
	body.exhibition_PC{
	background-size: auto 100vh;
	}
}