@charset "utf-8";
/*BASE*/


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

/*BASE*/
section {
	padding:4rem 2rem;
}
section .message-box h2 {
	font-size:18px;
	margin-bottom:1rem;
}
section .message-box strong { font-size:18px; font-weight:normal;}
section .message-box .cite {
	text-align:right;
}

/*ひこうきの部屋*/
#museum {
	background: url(../images/about/museum_bgimg.jpg) no-repeat fixed;
	background-size:cover;
}
#museum .hgroup h1 {
	color:#FFF;
}
#museum .summary {
	color:#FFF;
	font-size:18px;
	text-align:center;
	padding:60px 0;
}
#museum .container .content-box {
	padding:1.5rem;
	font-size:16px;
	color:#FFF;
	background-color:rgba(0,82,183,.5);
	border-radius:10px;
}
#museum .content-box .img-box img {
	width:100%;
}
#museum .content-box .txt-box .message-box {
	text-align:justify;
}

#museum .greeting {
	margin-bottom:4rem;
}

}


/*PC NPC TAB*/
@media screen and (min-width: 768px), print {

/*BASE*/
section {
	padding:80px 60px;
}
section .container {
	max-width:1440px;
	margin:auto;
}
section .hgroup h1 {
	text-align:center;
	padding-right:74px;
}
section .content-box {
	max-width:1280px;
	margin:auto;
}
section .message-box h2 {
	font-size:clamp(20px, 2vw, 26px);
	margin-bottom:1rem;
}
section .message-box strong { font-size:clamp(20px, 2vw, 26px); font-weight:normal;}
section .message-box .cite {
	text-align:right;
}

/*ひこうきの部屋*/
#museum {
	background: url(../images/about/museum_bgimg.jpg) no-repeat fixed;
	background-size:cover;
}
#museum .hgroup h1 {
	color:#FFF;
}
#museum .summary {
	color:#FFF;
	font-size:clamp(20px, 2vw, 26px);
	text-align:center;
	padding:60px 0;
}
#museum .container .content-box {
	display:grid;
	grid-template-columns:1fr clamp(300px, 50%, 480px);
	gap:0 60px;
	padding:60px 60px;
	font-size:clamp(16px, 1.6vw, 18px);
	color:#FFF;
	background-color:rgba(0,82,183,.5);
	border-radius:10px;
}
#museum .content-box .img-box,
#museum .content-box .txt-box {
	grid-row: 1 / 2;
	align-self:center;
}
#museum .content-box .img-box img {
	width:100%;
}
#museum .content-box .txt-box .message-box {
	text-align:justify;
}


#museum .greeting {
	margin-bottom:80px;
}
#museum .greeting .img-box {
	grid-column: 2 / 3;
}

}