@charset "UTF-8";

/*--------------------
シェアボタン
--------------------*/
#foot_sharebutton{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 999;
}

#foot_sharebutton ul{
	margin: 0;
	padding-left: 0;
	display: flex;
}

#foot_sharebutton ul li{
	list-style: none;
}

@media only screen and (max-width: 767.98px){
	#foot_sharebutton{
		position: static;
		padding: 40px 3% 10px 8%;
	}
}


/*--------------------
枠組み・基本設定
--------------------*/
body{
	max-width: none;
}

.Main__content{
	max-width: 100%;
	width: 100%;
	padding: 0;
	position: relative;
	font-family: 'YakuHanmP', 'Noto Serif JP', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 700;
	background: url(../img/bg_teaser.jpg) no-repeat center center;
	background-size: cover;
}

.l_kv{
	width: 100%;
	min-height: 80vh;
	background: url(../img/img_teaser.png) no-repeat top center;
	background-size: contain;
}

@media only screen and (max-width: 1400px){
	.l_kv{
		background: url(../img/img_teaser.png) no-repeat center center;
		background-size: contain;
	}
}


@media only screen and (max-width: 767.98px){
	.Main__content{
		background: url(../img/bg_teaser_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	
	.l_kv{
		background: url(../img/img_teaser_sp.png) no-repeat center center;
		background-size: 100% auto;
	}
	
}