@charset "utf-8";

/* ヘッダーコンテンツ */
#header_content {
  	width: 100%;
	margin:0 auto;
	padding:0;
	position: relative;
	top: 0;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

#header_content .clearfix {
	display: flex;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

#header_content .item {
	width: 100%;
	overflow: hidden;
	position: relative;
	opacity: 0;
}

#header_content .item.active { transform: translateY(50px);
  -webkit-animation: moveUp 0.65s ease forwards 1.0s; animation: moveUp 0.65s ease forwards 1.0s;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { transform: translateY(0); opacity: 1;}
}

#header_content img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.75s ease;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#header_content .item:hover img {
	transform: scale(1.2);
}

#header_content .image:before {
  width: 100%;
	height: 100%;
	display: block;
	content: '';
background: rgba(255,255,255,0.5);
	position: absolute;
	z-index: 2;
  opacity: 0;
	transition: opacity 0.6s;
}

#header_content .item:hover .image:before {
	opacity: 1;
}

#header_content .image {
    display: inline-block;
    height: 100%;
}


#header_content .desc {
  display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	text-align: left;
	color: #000;
	//text-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	line-height: 200%;
	font-size: 15px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	text-decoration: none;
	z-index: 3;
  	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  opacity: 0;
	transition: opacity 0.6s;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
	box-sizing: border-box;
}

#header_content .item:hover .desc {
	opacity: 1;
}

#header_content .catch {
  	display: block;
	width: 100%;
	padding: 0;
	color: #fff;
	line-height: 200%;
	text-decoration: none;
	z-index: 4;
	text-align: center;
	position: absolute;
	bottom: 35px;
	font-weight: 200;
	opacity: 1;
	transition: opacity 0.6s;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.catch p {
	font-size: 200%!important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	width: 95%;
    margin: 0 auto;
}

#header_content .item:hover .catch {
	opacity: 0;
}

.br-none{
	display: none;
}

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

	.br-none{
		display: block!important;
	}
	#header_content .clearfix {
    flex-wrap: wrap;
}
	#header_content .item {
    float: left;
    width: 50%;
    height: 400px;
}
	#header_content .catch {
    width: 100%;
    bottom: 50px;
    margin: auto;
    left: 0;
}
	#header_content .desc {
    width: 100%;
    padding: 0 20px;
    font-size: 13px !important;
	}
/**1222 add goto**/
	.l-inner {
     position: static!important;

}

}

@media screen and (max-width 767px) {
	.catch p {
    font-size: 150%!important;
}
}