@charset "UTF-8";
/* --------------------------------------------------
トップページ　SP
-------------------------------------------------- */

.inner { width: 100%; }

#toppage h2 {
  width: auto;
  float: none;
  margin: 0 16px;
}

.tolist {
  margin-right: 16px;
  margin-bottom: 1em;
}


#main_vis #attention {
    width: 90%;
    border: 2px solid #FD613F;
    position: relative;
    margin-top: 16px;
	display: block;
	text-align: center;
}

#main_vis #attention h2 { text-align: center; }


/*__ お知らせ ________________________________________________*/
#news {
  margin-bottom: 0;
}
#news ul {
  padding-top: 32px;
  margin: 0 16px;
}

#news li {
  padding: 12px 0;
	display: block;
}

#news li a {
  display: block;
  margin-top: 8px;
}

/*__ 採用情報 ________________________________________________*/

#recruit {
  clear: both;
  margin-top: 20px;
}
#recruit .overbox {
    padding-top: 1.5em;
    margin: 0 16px;
}


#recruit .overbox .box {
  clear: both;
  display: block;
  margin-left: 0;
  width: 100%;
}
#recruit .box span {
  position: inherit;
  top: auto;
  left: auto;
  float: left;
}
#recruit .box img {
  clear: both;
  float: left;
  display: block;
  margin: 8px 16px 8px 0;
  width: 30%;
}
#recruit .box p { float: left; width: 65%; }


/*__ 管理施設 ________________________________________________*/
#parks .overbox {
  padding-top: 0;
  margin-left: 0;
  width: 100%;
}

#parks .overbox p.catch {
  margin: 1em 16px;
}
#parks .box {
  padding: 0 0 20px 0;
  margin-bottom: 0;
  position: relative;
}
#parks .visual {
  width: 90%;
  margin: 0 5%;
  z-index: 10;
  position: relative;
}

#parks .visual img { width: 100%; }

#parks span {
  position: absolute;
  background:#F0F8E6;
  display: block;
  right: 4%;
  bottom: 8%;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  color:#000000;
  text-align: center;
  padding-top: 0.9em;
  line-height: 1.2;
}

#parks .text {
  margin: -30% 0 0 0;
  padding: 100px 32px 16px 32px;
  height: 100%;
}

/*__ 図鑑 ________________________________________________*/

#zukan .button {
  width: 80%;
}

/*__ バナー広告 ________________________________________________*/
#ad_area {
  background:#ECE7E3;
  padding: 60px 0 50px 0;
}

#ad_area .inner {
  display: flex;
  width: 90%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#ad_area a {
  margin-right: 4%;
  width: 48%;
}

#ad_area a:nth-child(4n) {
    margin-right: 0;
} 

#ad_area a:nth-child(even) {
    margin-right: 0;
} 

#ad_area a img { width: 100%; }