@charset "utf-8";
/* CSS Document */

/*共通*/

.l_wrapper {
	width:100%;
	padding:0 3%;
	max-width:1366px;
	margin:0 auto 0;
	position: relative;
}

/*ヘッダー*/

header {
	width:100%;
	background-color:#fff;
	position: fixed;
	left:0;
	top:0;
	z-index:500;
}

@media screen and (min-width:1025px) {
	header {
		height:100px;
	}
}
@media screen and (max-width:1024px) {
	header {
	}
}


/*メインビジュアル*/

#l_MainVisual {
	width:100%;
	position: relative;
	z-index:1;
	background: url("../img/mainvisual.jpg") center top no-repeat;
	background-size: cover;
}

@media screen and (min-width:1025px) {
	#l_MainVisual {
		background: url("../img/mainvisual.jpg") center top no-repeat;
		background-size: cover;
		height:700px;
		margin-top:100px;
	}
}
@media screen and (max-width:1024px) {
	#l_MainVisual {
		background: url("../img/mainvisual_mobile.jpg") center top no-repeat;
		background-size: cover;
		padding-top:150%;
		margin-top:60px;
	}
}

/*インスタ埋め込みエリア*/

#l_Instagram {
	width:100%;
	padding:60px 0;
	background-color:#fff;
}

/*フッター*/

footer {
	background-color:#dfd4c4;
	width:calc(100% - 40px);
	display: block;
	box-sizing: border-box;
	padding:32px;
	border-radius: 15px;
	margin:0 auto;
}

@media screen and (min-width:1025px) {
	footer {
		width:calc(100% - 40px);
	}
}
@media screen and (max-width:1024px) {
	footer {
		width:94%;
	}
}

/*サブコンテンツ全体枠*/

@media screen and (min-width:1025px) {
	#l_Sub_contents {
		width:100%;
		padding:180px 0 60px;
	}
}
@media screen and (max-width:1024px) {
	#l_Sub_contents {
		width:100%;
		padding:120px 0 60px;
	}
}

/*サービス一覧*/

#l_Service_list {
	width:100%;
	padding:60px 0 120px;
}

#l_Instagram {
	width:100%;
	padding:60px 0;
	background-color:#fff;
}

/*お問い合わせ*/