body{
	position: relative;
	height: 100vh;
	background:  url(img/top2.png)/* ←背景画像はこのパスで変更できます */ bottom left / 1000px/* ←背景画像の大きさを指定できます */ no-repeat;
}
body::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100vh;
	background:  url(../img/logo.png) top right / 450px no-repeat;
	background-color: 	rgba(10,45,70,0.88);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;  
}

/* indexのみのヘッダーレイアウト */

#l-header{
	width: 100%;
	max-width: 640px;
	height: 60px;
	margin: 0 ;
}
#l-header nav ul{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 640px;
	font-size: 1.5em;
}
#l-header nav ul li {
	width: 16%;
	margin-right: 2.5%;
}
#l-header nav ul li:last-of-type{
	margin-right: 0;
}

/* indexのみのヘッダーレイアウトここまで */


#l-main{
	margin: 0;
	position: absolute;
	bottom: 100px;
	left: 8%;
	width: 520px;
}

#l-main > div{
	margin-bottom: 25px;
}
#l-main > div:last-of-type{
	margin-bottom: 0;
}

#l-main .text{
	font-size: 1.1em;
	line-height: 1.6em;
}

#l-main .news{
	padding: 25px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#l-main .author img{
	width: 200px;
	height: 40px;
	margin: 5px 0 -5px 0;
}
#l-main .author .link{
	margin-top: 25px;
}


/* 1023px以下の時表示される */
@media only screen and (max-width:1023px){
	#l-main{
		margin: 0;
		position: absolute;
		bottom: 100px;
		left: 30px;
		width: 520px;
	}
	
}

/* 767px以下の時表示される */

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

	body{
		position: relative;
		height: 100%;
		background:  url(../img/top.png) ←背景画像はこのパスで変更できます  top left / 800px ←背景画像の大きさを指定できます  no-repeat;
	}
	body::after{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background:  url(../img/logo.png) top right / 300px no-repeat;
		background-color: 	rgba(10,45,70,0.88);
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;  
	}

	#l-main{
		margin: 400px auto 100px;
		position: static;
		bottom: auto;
		left: auto;
		width: 90%;
	}
	
	#l-main > div{
		margin-bottom: 25px;
	}
	#l-main > div:last-of-type{
		margin-bottom: 0;
	}
	
	#l-main .text{
		font-size: 1.1em;
		line-height: 1.6em;
	}
	
	#l-main .news{
		padding: 25px 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	#l-main .author img{
		width: 200px;
		height: 40px;
		margin: 5px 0 -5px 0;
	}
	#l-main .author .link{
		margin-top: 25px;
	}
	
}