@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

home

------------------------------------------------------------ */

/* グローバルナビアクティブ
---------------------------------------------- */
.g01 a{
	background:#6BB04C;
	color:#FFF !important;
	font-weight:bold;
}

/* common.css 上書き
---------------------------------------------- */
#wrap_type01{padding-top: 100px;}

#wrap_top{
	background: none;
	color:#FFF;
	font-size:1.2rem;
	line-height:1.2;
	text-align:right;
	padding-top:5px;
}

.article:first-of-type{border-top:1px dotted #AAA;}

/* イベント・ニュース
---------------------------------------------- */
#event{
	width:480px;
	float:left;
}

#news{
	width:480px;
	float:right;
}

#event h2,
#news h2{
	margin-bottom:30px;
	min-height:33px;
}

#event h2 .btn_list01,
#news h2 .btn_list01{padding-left:32px;}

#news .article:first-of-type a h3 {
	color: #CB6421;
	transition:.2s ease-in-out;
	font-weight: 700;
}

#news .article:first-of-type a:hover h3 {
	color: #6CB04D;
}

/* ナビ
---------------------------------------------- */
.nav_home01{overflow:hidden;}

.nav_home01 li{
	float:left;
	margin-right:50px;
}

.nav_home01 li:last-child{
	margin-right:0;
	float:right;
}

.nav_home01 li a{
	display: block;
	transition:.2s ease-in-out;
}

.nav_home01 li a:hover{opacity:.8;}

/* メインビジュアル
---------------------------------------------- */
.promotion{
	background:url(../img/home/bg_promotion01.jpg) no-repeat 0 0;
	background-size:cover;
	height:100vh;
}

.promotion_inner{
	width:1000px;
	height:100vh;
	margin:0 auto;
	position:relative;
}

.txt_promotion{
	width: 931px;
	height: 121px;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
    animation: fadein 1s 1;
    -webkit-animation: fadein 1s 1;
}

.btn_scroll{
	position:absolute;
	bottom:20px;
	margin:auto;
	left:0;
	right:0;
	text-align:center;
    animation: sdb 3s infinite;
    -webkit-animation: sdb 3s infinite;
}

/*--アニメーション--*/
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
	}
	20% {
		-webkit-transform: translate(0, 10px);
	}
	40% {
		-webkit-transform: translate(0, 0);
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, 0);
	}
	20% {
		transform: translate(0, 10px);
	}
	40% {
		transform: translate(0, 0);
	}
}
@-webkit-keyframes fadein {
	0% {
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@keyframes fadein {
	0% {
		opacity:0;
	}
	100%{
		opacity:1;
	}
}