#index-info-bar {
  background-color: white;
  background-image: -moz-linear-gradient(0px 0 , #f9f9f9 25%, transparent 25%, transparent 50%, #f9f9f9 50%, #f9f9f9 75%, transparent 75%, transparent 100%);
  background-size: 10px 10px;
  border: 2px solid #a3bebe;
  padding: 20px 10px;
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 1000;
}

#index-info-bar p {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  width: 84%;
}

#index-info-bar .close-btn {
  background-color: #a3bebe;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 20px;
  line-height: 18px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 20px;
  z-index: 1001;
}

#index-video{
	height: 600px;
}

#index-video span{
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 600px;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.7, transparent), color-stop(.7, rgba(0,0,0,0.2)), to(rgba(0,0,0,0.2))),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.7, transparent), color-stop(.7, rgba(0,0,0,0.2)), to(rgba(0,0,0,0.2)));
	-webkit-background-size: 2px 2px;
}

#video-txt {
	position: absolute;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	z-index: 200;
	margin-top: 270px;
}

#video-txt p{
	margin-bottom: 40px;
}

#video-txt p img{
	height: 23px;
}

#movie-btn {
	display: block;
	width: 210px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	color:#000c40;
	background: rgba(255,255,255,0.5);
	border: 3px solid rgba(255,255,255,0.8);
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding: 9px 0;
}

.covervid-wrapper {
	width: 100%;
	height: 600px;
    position: absolute;
}

#index-wrapper{
	width: 100%;
	clear: both;
}

/*------------------------------------------------------ 空き家バンク ------------------------------------------------------*/

#index-akiya{
	background: #fbffff;
	padding: 50px 0;
}

.akiya-h1{
	xwidth: 240px;
}

.akiya-h1:after{
	xwidth: 240px;
}

.akiya-h1 img{
	width: 232px;
	xwidth: 70px;
	xvertical-align: -18px;
	xpadding-right: 10px;
}

/*------------------------------------------------------ 移住情報 ------------------------------------------------------*/

#index-senpai{
	background: url(/images/senpai-bg.jpg) no-repeat;
	background-size: cover;
	xbackground: #fbffff;
	padding: 50px 0;
}

.senpai-h1{
	xwidth: 290px;
	xcolor: white;
}

.senpai-h1:after{
	xwidth: 290px;
	xbackground: url(images/common/pattern2.png) repeat;
}

.senpai-h1 img{
	width: 289px;
	xvertical-align: -22px;
	xpadding-right: 10px;
}



/*========== 768px〜991pxまで(lg) ==========*/

@media ( min-width : 768px ) and ( max-width : 991px ) {

}


/*--------------------------- PC STYLES ---------------------------*/


/*========== 992px〜1190pxまで(lg) ==========*/

@media ( min-width : 992px ) {

#index-info-bar {
  top: 0;
}

#index-video{
	height: 600px;
}

#index-video span{
	height: 600px;
}

.covervid-wrapper {
	height: 600px;
}


}

/*========== 1200px以上(xl) ==========*/

@media ( min-width : 1200px ) {


}


/*--------------------------- SMARTPHONE STYLES ---------------------------*/


/*========== 768px以下(sm) ==========*/

@media ( max-width : 767px ) {

#index-akiya{
	padding: 30px 0;
}

.akiya-h1 img{
	width: 185px;
}

.senpai-h1 img{
	width: 231px;
}

}


/*========== 650px以下(xs) ==========*/

@media ( max-width : 650px ) {

#index-wrapper{
	xmargin-top: 20px;
}

#index-video{
	xdisplay: none;
}

#video-txt p{
	width: 350px;
	height: 49px;
	background: url(/images/index-lead2.png) no-repeat;
	background-size: cover;
}

#video-txt p img{
	display: none;
}

}