/* ===================================================
	★ 画面の横幅が500px以下の設定
=================================================== */

@media screen and (max-width: 500px) {

	/* 各メニューの位置指定 */
	/* タイトル画像 */
	.title_img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* ご挨拶（右上1段目） */
	.menu_1 {
		position: absolute;
		top: 5%;
		right: 0;
	}

	/* 活動内容（右上2段目） */
	.menu_2 {
		position: absolute;
		top: 5%;
		right: 25%;
	}

	/* 募集（右上3段目） */
	.menu_3 {
		position: absolute;
		top: 5%;
		right: 50%;
	}

	/* 戻る（左上） */
	.menu_4 {
		top: 30vh;
		left: 15%;
		position: absolute;
	}

	/* DMグループ参加者募集（左下） */
	.menu_5 {
		position: absolute;
		bottom: 10%;
		left: 10%;
		transform: rotate(-20deg);
	}

	/* 幕恋創作カレンダープロジェクト2019 */
	.menu_6 {
		position: absolute;
		bottom: 10%;
		right: 10%;
		transform: rotate(-20deg);
	}

}

/* ===================================================
	★ 画面の横幅が501px～1000pxの設定
=================================================== */

@media screen and (min-width: 501px) and (max-width: 1000px) {

	/* 各メニューの位置指定 */
	/* タイトル画像 */
	.title_img {
		position: absolute;
		top: 50vh;
		left: 50vw;
		transform: translate(-50%, -50%);
	}

	/* ご挨拶（右上1段目） */
	.menu_1 {
		top: 10vh;
		right: 10vw;
		position: absolute;
	}

	/* 活動内容（右上2段目） */
	.menu_2 {
		top: 10vh;
		right: 15vw;
		position: absolute;
	}

	/* 募集（右上3段目） */
	.menu_3 {
		top: 10vh;
		right: 20vw;
		position: absolute;
	}

	/* 戻る（左上） */
	.menu_4 {
		top: 10vh;
		left: 10vh;
		position: absolute;
	}

	/* DMグループ参加者募集（左下） */
	.menu_5 {
		top: 60vh;
		left: 15vw;
		position: absolute;
		transform: rotate(-20deg);
	}

	/* 幕恋創作カレンダープロジェクト2019（左上） */
	.menu_6 {
		top: 30vh;
		left: 13vw;
		position: absolute;
		transform: rotate(-20deg);
	}

}

/* ===================================================
	★ 画面の横幅が1001px以上の設定
=================================================== */

@media screen and (min-width: 1001px) {

	/* 各メニューの位置指定 */
	/* タイトル画像 */
	.title_img {
		position: absolute;
		top: 50vh;
		left: 50vw;
		transform: translate(-50%, -50%);
	}

	/* ご挨拶（右上1段目） */
	.menu_1 {
		position: absolute;
		top: 10%;
		right: 10%;
	}

	/* 活動内容（右上2段目） */
	.menu_2 {
		position: absolute;
		top: 10%;
		right: 15%;
	}

	/* 募集（右上3段目） */
	.menu_3 {
		position: absolute;
		top: 10%;
		right: 20%;
	}

	/* 戻る（左上） */
	.menu_4 {
		position: absolute;
		top: 10vh;
		left: 10vh;
	}

	/* DMグループ参加者募集（左下） */
	.menu_5 {
		position: absolute;
		top: 60vh;
		left: 15vw;
		transform: rotate(-20deg);
	}

	/* 幕恋創作カレンダープロジェクト2019 */
	.menu_6 {
		position: absolute;
		top: 20vh;
		left: 15vw;
		transform: rotate(-20deg);
	}

}