@charset "utf-8";


/* content_head
------------------------------------------------*/

@media screen and (min-width:768px){
  .content_head{
    height:100px;
    text-align: center;
    background-color: #659434;
  }
  .gNavi.spNavi .current{
    position: relative;
  }
  .gNavi.spNavi .current:after{
    content:"";
    display:block;
    width:100%;
    height:100px;
    background-image:url(../images/facilities/thumb.jpg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover;
    position: absolute;
    top:100%;
    left:0;
  }
}

/* content_body
------------------------------------------------*/

.content_body{
  padding: 45px 0 70px;
}






/* sec01
------------------------------------------------*/

#sec01{}

@media screen and (min-width:768px){
  #sec01{
    margin:0 auto;
    padding:0 0 20px;
  }
}


/* facilitiesList
------------------------------------------------*/

.facilitiesList{
  display:flex;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: flex-start;
  margin:0 auto;
  padding:0;
  width:100%;
  max-width:880px;
}

.facilitiesList li{
  margin:0 0 30px;
  padding:0;
  width:100%;
}

.facilitiesList li h3{
  font-size:1.8em;
  font-weight:bold;
  text-align: center;
}

.facilitiesList li figure{
  margin-bottom:27px;
  text-align: center;
}

.facilitiesList li .txtarea{
  font-size:1.4em;
  text-align: left;
}

@media screen and (min-width:768px){
  .facilitiesList li:nth-of-type(2n-1){
    margin:0;
    padding:0 25px 70px 0;
    width:50%;
  }
  
  .facilitiesList li:nth-of-type(2n){
    margin:0;
    padding:0 0 70px 25px;
    width:50%;
  }
}




/* sec01
------------------------------------------------*/

#access{}

@media screen and (min-width:768px){
  #access{
    margin:0 auto;
    padding:0 0 4px;
  }
}



/* addr
------------------------------------------------*/

.addr{
  margin:0 auto 20px;
  font-size:1.6em;
}

.addr span{
  display:inline-block;
  font-family: inherit;
}

.addr span a{
  color:#333333;
  font-family: inherit;
  text-decoration: none;
}

@media screen and (min-width:768px){
  .addr{
    margin:0 auto 27px;
    font-size:1.8em;
    text-align: center;
  }
}



/* facilitiesList
------------------------------------------------*/

#googleMap-Canvas{
  margin:0 auto;
  padding:0;
  width:100%;
  height:250px;
}


@media screen and (min-width:768px){
  #googleMap-Canvas{
    width:100%;
    max-width:880px;
    height:640px;
  }
}
