/* ========== メインコンテンツのCSS ========== */

main {
	width: 100%;
	margin-top: 50px;
}



/* ----- 共通：ページジャンプの位置調整 ----- */
.anchor {
	padding-top: 5px;
	margin-top: -5px;
}

/* ----- 共通：スプレッドシートコンテンツ ----- */
.spreadsheets_contents {
	width: 100%;
	height: auto;
	text-align: center;
	flex-direction: column;
	padding-top: 100px;
	padding-bottom: 100px;
}

/* ----- 共通：スプレッドシート領域 ----- */
.spreadsheets {
	align-items: flex-start;
	align-self: flex-end;
	display: flex;
	height: 1000px;
	margin-top: 1px;
	width: 80%;
	margin: 0 auto;
}

/* ----- 共通：コンテンツタイトル ----- */
.contents_title {
	font-family: var(--font-family-victor_mono);
	font-style: italic;
	font-weight: bold;
	letter-spacing: 0;
	line-height: normal;
	font-size: 64px;
	text-align: center;
	margin: 0 auto;
}



/* ----- TOPイメージ ----- */
#top_img {
	width: 100%;i
	vertical-align: top;
}



/* ----- BeatLinkerとは ----- */
#about {
	width: 100%;
	height: auto;
	background-color: #fde1e1;
	padding-top: 100px;
	padding-bottom: 100px;
	display:flex;
}

.about_logo {
	width: 50%;
	float: left;
	display: flex;

}

.about_logo img{
	width: 70%;
	margin: auto;
}

.beat-linker-vr-be {
	margin-left: auto;
	height: auto;
	width: 50%;
	padding-left: 50px;
	padding-right: 50px;
}

.beat-linker-vr-be ul li{
	color: black;
	font-family: var(--font-family-roboto);
	font-size: 32px;
	letter-spacing: 0;
	line-height: normal;
	padding-bottom: 25px;
}



/* ----- スケジュール ----- */
#schedule {
	background-color: #9ddaff;
}

#schedule .schedule_title {
	color: white;
}

#schedule .schedule_spreadsheets iframe {
	height: 2300px;
}


/* ----- スタッフ ----- */
#staff {
	background-color: #ffffff;
}

.staff_title {
	color: black;
}

#staff .staff_spreadsheets iframe {
	width: 980px;
   	height: 1000px;
}