@charset "UTF-8";

/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */
@media screen and (max-width:768px){
	.title{
		overflow: hidden;
	}
}

/**{
	outline: 1px solid #F00;
}*/
.credit{
	color: #fff;
	background-color: #000;
	margin-bottom: 0;
}
.container{
	background: url("../images/bg.jpg") no-repeat center 30px;
	height: 3850px;
}
.inner{
}
header{
}
.title{
	width: 990px;
	height: 650px;
	margin: 0;
	position: relative;
}
.title h1{
	position: relative;
	z-index: 999;
}
.slider{
}
.sliderL img{
	width: 400px;
	height: 300px;
	object-fit: cover;
}
#sliderL{
	width: 400px;
	height: 300px;
	position: absolute;
	left: -70px;
	top: 100px;
	overflow: hidden
}
#sliderR{
	width: 400px;
	height: 300px;
	position: absolute;
	right: -70px;
	top: 320px;
	overflow: hidden;
}
.planarea{
		padding-top: 2870px;
		padding-left: 625px;
		margin-bottom: 100px;
}
.linkarea{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
a img{
	opacity: 1;
	transition: 0.3s;
}
a:hover img{
	opacity: 0.7;
}