@charset "UTF-8";

/*トップページ*/
#slider {
  overflow: hidden;
  position: relative;
  width: 100%;
}

#sliderInner {
  position: relative;
  left: 50%;
  width: 3040px;
  margin-left: -1520px;
}

.about {
  text-align: center;
  background: url(../images/about_bg.jpg) no-repeat center bottom/100% auto;
}

.about .btn {
  display: block;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  padding: 1.5rem 4rem;
  font-size: 115%;
  font-weight: bold;
  color: #fff;
  border-radius: 100vh;
  transition: 0.5s;
  line-height: 1.5;
}

.about .btn_01 {
  border: 2px solid #f8b62d;
  background: #f8b62d;
}

.about a.btn_01:hover {
  color: #f8b62d;
  background: #fff;
}

.about .btn_02 {
  border: 2px solid #e61673;
  background: #e61673;
}

.about a.btn_02:hover {
  color: #e61673;
  background: #fff;
}

.about_button {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}

.about_button li {
  margin: 0 1.5em;
}


@media only screen and (max-width: 769px) {
.about_button {
  display: block;
  }
.about_button li {
  display: block;
  margin-bottom: 15px;
}
}

.guide {
  background: url(../images/guide_bg.gif) no-repeat top center/100% auto;
}

.address table {
  text-align: left;
}

.address table thead th {
  font-weight: bold;
}

.address tr {
  font-size: 0.9em;
}

.address th {
  font-weight: normal;
  line-height: 1.57;
}

/*保育内容*/
.case_target {
  background: url(../child_case/images/case_target_bg.jpg) no-repeat bottom center/100% auto;
}

.case_policy {
  background: url(../child_case/images/case_policy_bg.png) no-repeat bottom center/100% auto;
}

.case_list {
  display: flex;
  flex-flow: column;
  gap: 2em;
}

.case_list li {
  display: flex;
  align-items: center;
  padding-left: 3em;
  min-height: 2.25em;
  background-position: center left;
  background-size: 2.25em auto;
  text-align: left;
}

.num01 {
  background: url(../child_case/images/icon_num01.gif) no-repeat;
}

.num02 {
  background: url(../child_case/images/icon_num02.gif) no-repeat;
}

.num03 {
  background: url(../child_case/images/icon_num03.gif) no-repeat;
}

.num04 {
  background: url(../child_case/images/icon_num04.gif) no-repeat;
}

.num05 {
  background: url(../child_case/images/icon_num05.gif) no-repeat;
}

.information .time {
  min-height: 8.75em;
  background: url(../child_case/images/image_01.gif) no-repeat bottom right/auto 8.75em;
}

/*年間行事*/
.event {
  position: relative;
  max-width: 895px;
}

.event h4 {
  text-align: left;
  position: absolute;
  top: 5px;
  left: 0;
}

.month {
  max-width: 670px;
  background: #FFFFFF;
}

.month p {
  float: left;
}

.month ul {
  float: left;
}

.month li {
  text-align: left;
  list-style: disc;
}


/*情報公開*/
.disclosure {
  max-width: 615px;
  margin: 0 auto;
  text-align: center;
}

.disclosure a {
  color: #00b4da;
}

.docList {
  display: flex;
  flex-flow: wrap;
  justify-self: center;
  gap: 3em 10%;
  margin-top: 3em;
}

.docList li {
  width: 45%;
}

/* ---------------------------------------------------- */
/* Desktop CSS */
/* ---------------------------------------------------- */
/*トップページ*/
@media only screen and (min-width: 769px) {
  #slider {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  #slideFilterL,
  #slideFilterR {
    position: absolute;
    top: 0;
    width: 760px;
    height: 250px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }

  #slideFilterL {
    left: 0;
  }

  #slideFilterR {
    right: 0;
  }

  .about {
    margin: 40px auto 0;
    height: 440px;
  }

  .about p {
    width: 500px;
    text-align: left;
    margin: 20px auto;
  }

  .guide {
    width: 980px;
    height: 702px;
    margin: 0 auto;
  }

  .guide li {
    float: left;
    padding: 0 20px 20px 0;
  }

  .guide_btn1 li:last-child {
    padding-right: 0;
  }

  .guide_btn1 {
    width: 620px;
    margin: 0 auto;
  }

  .address {
    width: 980px;
    margin: 0 auto;
  }

  .address p {
    float: left;
  }

  .address tr {
    padding-bottom: 20px;
  }

  .address th {
    width: 120px;
    padding: 5px 0;
  }

  .address td {
    padding-left: 30px;
    position: relative;
  }

  .address td:before {
    position: absolute;
    left: 10px;
    top: 3px;
    content: "/";
  }

  #map {
    width: 980px;
    height: 300px;
    margin: 20px auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }


  /*園の紹介*/
  .outline {
    padding-bottom: 50px;
  }

  .outline p {
    float: left;
  }

  .outline_text {
    width: 640px;
    margin: 40px 0 0 30px;
    text-align: left;
  }

  .about_guide {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 50px;
  }

  .about_outline {
    margin-top: 20px;
  }

  .about_outline table {
    width: 480px;
    float: left;
    margin-top: 30px;
    border-bottom: 1px dotted #665746;
  }

  .about_outline table:last-child {
    margin-left: 20px;
  }

  .about_outline th,
  td {
    padding: 8px;
  }

  .about_outline tr {
    border-top: 1px dotted #665746;
  }

  .about_outline th {
    text-align: center;
    width: 90px;
  }

  .about_outline td {
    margin-left: 109px;
    border-top: 1px dotted #665746;
    border-left: 1px dotted #665746;
    text-align: left;
    padding-left: 20px;
  }

  .gallery {
    width: 640px;
    margin: 50px auto 0;
  }

  .wrap {
    width: 640px;
    margin-top: 30px;
  }

  .wrap p {
    height: 401px;
  }

  .wrap ul {
    display: block;
    overflow: hidden;
    margin-top: 10px;
    margin-right: -10px;
    clear: both;
  }

  .wrap li {
    display: block;
    float: left;
    argin-right: 10px;
    margin-right: 5.5px;
  }

  .wrap li img {
    cursor: pointer;
  }

  .floor_guide {
    margin-top: 50px;
  }


  /*保育内容*/
  .case_target {
    height: 270px;
  }

  .case_target p {
    width: 435px;
    margin: 0 auto;
    text-align: left;
    padding-left: 20px;
  }

  .case_policy {
    width: 980px;
    margin: 0 auto;
    height: 550px;
    background-position: center center;
  }

  .case_policy ul {
    width: 570px;
    margin: 0 0 0 185px;
  }

  .information {
    padding-bottom: 30px;
  }

  .information dt,dd {
    float: left;
  }

  .information dd {
    text-align: left;
    margin-bottom: 30px;
    padding-left: 20px;
  }

  .information .time {
    width: 600px;
  }

  .case_dailyprogram {
    padding-bottom: 50px;
    }

  /*年間行事*/
  .event {
    margin: 30px auto 0;
  }

  .month {
    padding: 40px 0 40px 140px;
    margin-left: 85px;
  }

  .month p {
    padding-right: 20px;
  }

  .month ul {
    margin: 20px 100px 0 20px;
  }

}

/* ---------------------------------------------------- */
/* Mobile CSS */
/* ---------------------------------------------------- */
@media only screen and (max-width: 768px) {
  /*トップページ*/
  .about {
    margin-top: 5vw;
  }

  .about p {
    padding: 1.5em 0 2em;
    line-height: 2;
    text-align: center !important;
  }

  .bx-prev,
  .bx-next {
    display: none !important;
  }

  .guide {
    padding-bottom: 10vw;
  }

  .guide ul {
    display: flex;
    justify-content: center;
    gap: 5%;
  }

  .guide ul > li {
    width: 30%;
  }

  #top .address img {
    width: 100%;
    height: auto;
  }

  #top .address table {
    width: 100%;
    margin: 5vw 0;
  }

  #top .address table th,
  #top .address table td {
    padding: 1em;
  }

  #map {
    margin-bottom: 5vw;
    height: 60vw;
  }

  /*保育内容*/
  .case_target {
    padding-bottom: 25vw;
  }

  .case_policy {
    padding-bottom: 50vw;
    background-position: bottom 5vw center;
  }

  .case_policy li {
    padding-left: 2.75em;
  }

  .case_dailyprogram {
    padding-bottom: 10vw;
  }

  .information dl {
    margin-bottom: 2em;
  }

  .information dl dt {
    margin-bottom: .5em;
  }

  .information dl dd {
    line-height: 2;
  }

  .information .time {
    min-height: 12.5em;
  }

  /*園の紹介*/
  .outline_visual {
    width: 20vw;
    margin: 0 auto 1em;
  }

  .about_outline table {
    margin: 5vw 0;
    width: 100%;
    border-top: dotted 1px #665746;
  }

  .about_outline table th {
    width: 8em;
    border-right: dotted 1px #665746;
  }

  .about_outline table th,
  .about_outline table td {
    padding: 1em;
    border-bottom: dotted 1px #665746;
  }

  .gallery {
    margin-bottom: 5vw;
  }

  .gallery .wrap {
    margin-top: 5vw;
  }

  .gallery .wrap p img {
    width: 100%;
  }

  .gallery .wrap ul {
    display: flex;
  }

  .gallery .wrap ul li {
    flex: 1;
  }

  .gallery .wrap ul li img {
    width: 100%;
  }

  .floor_guide {
    padding-bottom: 10vw;
  }

  /*年間行事*/
  .event {
    margin: 5vw auto 0;
  }

  .event_month {
    padding-bottom: 10vw !important;
  }

  .month {
    padding: 5vw 0 5vw 8vw;
    margin-left: 5vw;
  }

  .month p {
    display: inline-block;
    width: 50%;
    line-height: 0;
  }

  .month ul {
    margin: 2.5vw 8vw 0 2.5vw;
  }

  .event h4 {
    width: 15vw;
  }

  /* 情報公開 */
  .disclosure {
    padding-bottom: 10vw;
  }

}