@charset "UTF-8";

/*=========================================================================================================
BANNER
=========================================================================================================*/

/*【 area設定 】---------------*/
#banner {
	width: 100%;
	overflow: hidden;
	margin: 50px auto;
	position: relative;
	background: rgba(0,0,0,0);
	z-index: 1;
	}
#BNR_box {
	width: 101%;
	margin: 0px auto;
	display: flex;
	list-style: none;
	justify-content: space-around;
	display: -webkit-flex;
    -webkit-justify-content: space-around;
	}
/*【 area設定 / end 】---------------*/
	
/*【 image設定 】---------------*/
.BNR{
	width: 100%;
	height: 500px;
	margin: 0 1% 1% 0;
	position: relative;
	text-align: center;
}
.BNR a{
	text-decoration: none;
}
.BNR-clr{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	z-index: 2;
}
.PR-img{
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.PR-img img{
	width: 3000px;
	margin: 0 0 0 -1500px;
	position: absolute;
	left: 50%;
	transition: all 300ms;
}
.BNR:hover .PR-img img{
	width: 3600px;
	margin: -50px 0 0 -1800px;
	position: absolute;
	left: 50%;
	transition: all 300ms;
}
/*【 image設定 / END 】---------------*/

/*【 TITLE area設定 】---------------*/
.BNR_tb{
	width: 90%;
	height: auto;
	position: absolute;
	top: 15px;
	left: 5%;
	color: #000000;
	z-index: 1;
}
.BNR_p{
	width: 100%;
	height: 20px;
	font-size: 15px;
	line-height: 15px;
}
.BNR_m{
	width: 100%;
	height: 32px;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 1px;
	font-weight: bolder;
	text-shadow: 3px -3px 3px #FFFFFF , -3px 3px 3px #FFFFFF, 3px 3px 3px #FFFFFF , -3px -3px 3px #FFFFFF, -3px 0px 3px #FFFFFF, 0px -3px 3px #FFFFFF,
				5px -5px 10px #FFFFFF , -5px 5px 10px #FFFFFF, 5px 5px 10px #FFFFFF , -5px -5px 10px #FFFFFF, -5px 0px 10px #FFFFFF, 0px -5px 10px #FFFFFF;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.BNR_s{
	height: 25px;
	font-size: 15px;
}
.BNR_t{
	margin: 90px 0 0 0;
	color: #0068B7;
	font-weight: bold;
	text-shadow: 3px -3px 3px #FFFFFF , -3px 3px 3px #FFFFFF, 3px 3px 3px #FFFFFF , -3px -3px 3px #FFFFFF, -3px 0px 3px #FFFFFF, 0px -3px 3px #FFFFFF,
				5px -5px 10px #FFFFFF , -5px 5px 10px #FFFFFF, 5px 5px 10px #FFFFFF , -5px -5px 10px #FFFFFF, -5px 0px 10px #FFFFFF, 0px -5px 10px #FFFFFF;
	
}
.BNR_t::after{
	content: "＞";
	margin: 0 0 0 5px;
}
/*【 TITLE area設定 / END 】---------------*/

/*【 TITLE color設定】----------------------*/

.BK{
	color: #000000;
	text-shadow: 0 0 0 rgba(0,0,0,0);
}
.BL{
	color: #0A46C8;
}
.GN{
	color: #41B25D;
}
/*【 TITLE color設定 / END 】---------------*/

/*=========================================================================================================
BANNER / END
=========================================================================================================*/