/****************************************/
/********** ArtLab-Tokyo [CSS] **********/
/****************************************/


/****************************** Hero Area ******************************/
#hero-area .bg-base{
  min-height: 60vh;
 
  background: #fffff0 url("/assets/img/slide_img-02.jpg") 50% 50% / cover no-repeat;
}

@media (min-width: 48em) {
	#hero-area .bg-base {
		height: 600px;
		min-height: 600px;
		background-image: url('/assets/img/slide_img-01.jpg');
	}
}
/****************************** メインビジュアル：幅いっぱい ******************************/
/* スマホ版：通常の余白 */
#hero-area .container-fluid {
	padding-right: 15px;
	padding-left: 15px;
}

/* PC版（768px以上）：画面幅いっぱい */
@media (min-width: 48em) {
	#hero-area .container-fluid {
		max-width: none;
		padding: 0;
	}
}
/****************************** メインビジュアル End ******************************/

#hero-area .introduction {
	padding: 5em 2em;
	text-align: left;
	color: #696969;
	background-color: rgba(0, 0, 0, 0.0);
}

#hero-area .introduction h1 {
	font-size: 1.5rem;
	margin-bottom: 1em;
}

@media (min-width: 48em) {
	#hero-area .introduction h1 {
		font-size: 2.2rem;
	}
}

#hero-area .introduction p {
	font-size: 1rem;
	margin-bottom: 1em;
}

@media (min-width: 48em) {
	#hero-area .introduction p {
		font-size: 1.5rem;
	}
}

#hero-area .introduction a.btn {
	margin-top: 2em;
	color: #ffffff;
	border-radius: 20px;
}

/****************************** Hero Area End ******************************/
/* トップページのmainタグの上部余白を削除 */
body#index main {
	padding-top: 0 !important;
}

/* トップページのみ背景なし */
body#index>div.bg-base{
	display: none;
}