.fadeout{
  opacity: 0;
  transition: 0.15s ease-in-out;
  -webkit-transition: 0.55s ease-in-out;
}
.fadein{
  opacity: 1;
  transition: 1s ease-in-out;
  -webkit-transition: 1s ease-in-out;
}

#idBigImage img{
	width: 890px;
	height: 457px;
	margin-right: auto;
	margin-left: auto;
	margin-left:-300px;
		
	}
	
#idBigImage {
}


/*ヘッダーバナー*/
.headbanner{
	height:455px;
	background-color:#eee;
	width:1024px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.headbanner p{
	padding-top: 87px;
	font-size: 30px;
	margin-top: 10px;
	color:#fff;
}

/*コンテンツ*/
.contentpage{
	height: 1000px;
	text-align:center;
    background: #ddd;
    width: 890px;
    margin-right: auto;
    margin-left: auto;
	margin-top:40px;
}
.content{
	height:auto;
}
.mob_p{
	width:100%;
}

.contentpage p{
	margin-right:300px;	
	padding-top: 87px;
	font-size: 30px;
	margin-top: 10px;
	color:#fff;
	margin-right: auto;
	margin-left: auto;
	line-height: initial;
}

.fourcolumn div {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.fourcolumn dl {
	height: 280px;
	width: 40%;
}
#slide7 p {
	max-width: 950px;
	width: auto;
	font-size: 16px;
	line-height: 1.8;
}

#idBigImage img{
	margin-left:-295px;
}
#slide8 img {
	max-width: 1000px;
}
#slide3 h2 {
	line-height: 2;
}
.fourcolumn dd  span {
font-size: 12px;
}

@media screen and ( max-width:468px ) {
	.fourcolumn dl {
		height: auto;
		width: 100%;
	}
	.slide {
		padding: 10% 0;
	}
	#slide2, #slide5, #slide4, #slide6 {
		height: 200px;
	}
	#slide3 h2 {
		font-size: 16px;
		line-height:1.8;
		letter-spacing: .1rem;
	}
}




@media screen and ( max-width:1024px ) {
	.content {
			background:none; 
	}
}
@media screen and (min-width: 1025px) {
	.mob_p{display: none;}	
}