@charset "utf-8";

/*header（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
mainvisual {
	position: relative;
}
/*ロゴ*/
#logo {
			margin: 0 auto;	/*左右の中央に配置するように*/
}

/*トップページのロゴ*/
#logo img{
	max-width: 360px;	/*幅*/
	position: absolute;z-index: 1;
	left: calc((100% - 360px) / 2);
	top: calc((100% - 360px) / 2 + 60px); /* 中央より30px下に移動 */
	border-radius: 5px;	/*背景色の角を少しだけ丸くする指定*/
}
@media screen and (max-width:900px) {
/*ロゴ*/
#logo img {
margin-block-start:10%;
	width: 140px;	/*幅。変更する際は、下のleftとtopの250の数値も合わせて変更する。*/
	left: calc((100% - 140px) / 2);
	top: calc((100% - 140px) / 2);
}
}

/*トップページのスライドショー（vegasを使用）
---------------------------------------------------------------------------*/
#mainimg-box {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
}
#mainimg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}