@charset "utf-8";
@media print, screen and (min-width: 800px) {
  #slider {
	  padding-top: 16rem;
  }
  #mainvisual {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
	  padding-left: 2rem;
	  padding-right: 2rem;
  }
}

#anniversary{text-align: center;padding-top: 7rem;}
#anniversary>div{display: inline-block;padding-left: 4rem;padding-right: 4rem;margin-left: auto;margin-right: auto;}
#anniversary p{margin-top: 1.5rem;text-align: center;line-height: 1.4;}
/*-------------------------------------------
About us
-------------------------------------------*/
#greeting {
  padding-top: 7rem;
  padding-bottom:3.4rem;
	
}
#greeting .cont_wrap{text-align: center;

}
.greeting__box{
	text-align: center;

}
.greeting__box .img{
	width: 100%;
/*	height: 40rem;*/
	padding-bottom:39%;
/*	margin-left: auto;
    margin-right: auto;*/
margin-top: -11.5rem;
background-image: url("../img/top/about_img_ft.png");
background-repeat: no-repeat;
	background-size: 100% auto;
}

.greeting_in{
width: 82%;
margin-left: auto;
margin-right: auto;
border-top: var(--color-g) solid 1px;
	border-left: var(--color-g) solid 1px;
border-right: var(--color-g) solid 1px;	
padding:3.2rem 3rem; }
.greeting_in>div{text-align: center;}
.greeting_in .link{display: flex;justify-content: center;}

@media print, screen and (min-width: 800px) {
.greeting_in .link a img{width: 21.5rem;}
	.greeting_in .link a{padding-left:1.4rem;padding-right: 1.4rem; }
	.greeting_in .link{
	margin-top: 3rem;
}
}
	
@media screen and (max-width:799.99px) {
	.greeting_in{
width: auto;
padding:2.6rem 2rem; }
	.greeting__box .img{

margin-top: -2.5rem;
	}
	.greeting_in .link{
	margin-top: 2rem;
}
.greeting_in .link a{padding-left:0.8rem;padding-right:0.8rem; }
}
@media screen and (max-width: 460px) {
  #greeting {
    padding-top: 4rem;
    padding-bottom: 4.2rem;
  }

}
/*-------------------------------------------
campaign
-------------------------------------------*/
#campaign{padding-top:4.5rem;
padding-bottom: 4rem;}

/*-------------------------------------------
plan
-------------------------------------------*/
#plan{padding-top:4.5rem;
padding-bottom: 2rem;}

/*-------------------------------------------
ニュース
-------------------------------------------*/
#news {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
#news .info__content {
  position: relative;
  z-index: 1;
}
  /*-------------------------------------------
map
-------------------------------------------*/
#map{  padding-top: 4.5rem;
  padding-bottom:5rem;}

.gmap {
height: 0;
overflow: hidden;
position: relative;
	margin-bottom: 1rem;
}
.gmap iframe{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
@media print, screen and (min-width: 800px) {
.gmap {	padding-bottom:45%;}
}
@media screen and (max-width:799.99px) {
	.gmap {	padding-bottom:90%;}
}


  #contents {
    padding-top: 4.2rem;
    padding-bottom: 4rem;
  }
  @media screen and (min-width: 900.1px) {
    .contents_bana ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
    }
    .contents_bana ul li {
      width: 14.5rem;
    }
  }
  @media screen and (min-width: 1050px) {
    .contents_bana ul li {
      width: 24%;
      max-width: 16.5rem;
    }
  }
  @media screen and (max-width: 460px) {
    #contents {
      padding-top: 3.8rem;
      padding-bottom: 3.8rem;
    }
  }