/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bxslider{
	list-style-type:none;
	margin:0;
	padding:0;
}
/* ヒーローヘッダー */
.bxslider li {
  position: relative;
  overflow: hidden;/*横スクロールバーが出ないように*/
  display: flex;
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
  flex-direction: column; /* 子要素の並びを上から下にする（要素の改行に対応） */

  text-align:center;
}
.bxslider li img{
  display: block;
  width: 100vw;
  height: calc(100vh - 60px);
  /*height: 95vh;*/ /*ページャーをファーストビューに含める*/
  /*height:600px;*/ /*任意の高さを指定100vw*/
}
/*スマホでコンテンツが領域をはみ出さないよう絶対値でサイズを指定*/
@media screen and (max-width: 320px) and (max-width: 480px) {
  .box {
    width: 320px;
    height: 480px;
  }
}

/* 画像アニメーション */
.bxslider li img{
  -webkit-animation: inout 15s;
  -moz-animation: inout 15s;
  animation: inout 15s;
  animation-iteration-count: infinite;
  /*z-index:2!important;*/
  /*background-size:cover; */
  margin: 0 auto;
  object-fit: cover;/* 縦横比を保ったまま画像を中央に配置して切り抜き */
}

@-webkit-keyframes inout {
  0%   { -webkit-transform: scale(1.08) rotate(0.1deg); }
  100% { -webkit-transform: scale(1.3) rotate(0.1deg); }
}
@-moz-keyframes inout {
  0%   { -moz-transform: scale(1.08) rotate(0.1deg); }
  100% { -moz-transform: scale(1.3) rotate(0.1deg); }
}
@keyframes inout {
  0%   { transform: scale(1.08) rotate(0.1deg); }
  100%  { transform: scale(1.3) rotate(0.1deg); }
}

/*画像の上にテキストを上下中央に表示*/
div.text{
	width: 100%; 
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999!important;
	color:#fff;
}
.text-01{
	font-size: 4.5rem;
	font-weight: normal;
	text-shadow:3px 3px 7px #000000;
	font-weight:bold;
	padding:0;
	font-family:  'Noto Sans JP',   sans-serif;
	line-height: 1.5em;
        
}
.top-br-sp{
       display: none;
}
@media only screen and (max-width : 767px) {
.bxslider li img{
	  width: auto;
}
.text-01{
	font-size: 2.0rem;
	font-weight: normal;
	text-shadow:3px 3px 7px #000000;
	font-weight:bold;
	padding:0;
	font-family:  'Noto Sans JP',   sans-serif;
}
.top-br-sp{
      display: block;
}
}
/* ヒーローヘッダー */