@charset "utf-8";

body{
	margin-left:10px;
	margin-right:10px;
}
img{
	max-width:100%;
	height:auto;
	padding:10px 20px;
	display:block;		/*←以下3行、画像を中央に表示する*/
	text-align:center;
	margin:auto;
}
#top{
	max-height:400px;	/*メイン画像の高さの最大値を指定*/
	overflow:hidden;	/*最大値を超えた場合は切り取って表示*/
}
#top img{
	width:100%;
}

.flex img{
	max-width:100%;
	width:60%;
}

.quad img{
	width:90%;
}

/*画面幅が1320以上の場合 (1280px + マージン)*/
@media(min-width:1320px){
	body{
		max-width:1440px;
		margin-left:calc(((100% - 1440px) / 2) + 1px); /*1280pxより広い場合は両端にマージンを確保*/
		margin-right:auto;
	}
}

/*画面幅が910px以下の場合*/
@media(max-width:910px){
	.exp img{
		width:80%;
		margin-left:10%;
	}
}

/*画面幅が650px以下の場合*/
@media(max-width:650px){
	#top img, .exp img{
		width:100%;
		margin-left:0;
	}
}