@charset "utf-8";

/* ==================== main ==================== */
/* mainvisual_section */
.mainvisual_section {
  margin: 3.0rem 0;
  padding: 0;
}

.mainvisual_section .container {
  max-width: 1140px;
  padding: 0;
}

@media screen and (min-width: 1200px) {
  .mainvisual_section {
    margin: 0 0 5.0rem;
  }
}

/* info_section */
.info_section {
  margin-bottom: 3.0rem;
}

.info_section h2 {
  margin-bottom: 1.0rem;
  font-size: 1.5rem;
  text-align: center
}

.info_container {
  max-width: 48.0rem;
  height: 10.0rem;
  margin: 0 auto 0.5rem;
  padding: 1.0rem;
  background: #f5f5f5;
  border: 0.05rem solid #a9d165;
  overflow: auto;
}

.info_inner {
  margin-bottom: 1.0rem;
}

.info_inner:last-child {
  margin: 0;
}

.info_inner .category {
  margin-bottom: 0.25rem;
}

.info_inner .category:after {
  display: inline-block;
  margin-left: 1.0rem;
  padding: 0.125rem 0.5rem;
  border-radius: 1.0rem;
  font-size: 0.875rem;
  color: #ffffff;
}

.info_inner .category.event:after {
  content: 'お知らせ';
  background: #ff6666;
}

.info_inner .category.schedule:after {
  content: '行事イベント';
  background: #00cfac;
}

.info_inner .category.publicity:after {
  content: '園だより・スケジュール';
  background: #ae5da1;
}

.info_inner .title img {
  width: auto;
  height: 1.5rem;
  margin-right: 0.5rem;
  vertical-align: bottom;
  float: none;
}

.info_table {
  max-width: 48.0rem;
  margin: 0 auto;
  text-align: right;
}

.info_table a {
  display: inline-block;
  padding: 0.25rem 1.0rem;
  border: 0.05rem solid #a9d165;
  border-radius: 0.25rem;
  color: #a9d165;
  transition-delay: 0.1s;
  transition-duration: 0.25s;
}

.info_table a:hover {
  background: #a9d165;
  color: #ffffff;
}

.info_table i {
  margin-right: 0.25rem;
}

@media screen and (min-width: 992px) {
  .info_section {
    margin-bottom: 5.0rem;
  }

  .info_section h2 {
    font-size: 2.0rem;
  }
}

/* about_section */
.about_section {
  padding-top: 2.0rem;
  background: #f2f5d8;
}

.about_article {
  margin-bottom: 1.0rem;
}

.article_lead {
  margin-left: 0.75rem;
  line-height: 2.0;
}

.article_detail {
  line-height: 2.0rem;
}

.about_img {
  margin-bottom: 1.0rem;
  padding: 0;
}

.about_img:last-child {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .about_section {
    padding-top: 0;
  }

  .about_article {
    margin: 0;
  }

  .about_img {
    margin: 0;
  }
}

@media screen and (min-width: 992px) {
  .about_section {
    padding: 0;
  }
}

/* access_section */
.access_section {
  margin-bottom: 3.0rem;
  padding: 2.0rem 0;
  background: #e5ecf1;
}

.access_title h3 {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.25;
}

.access_title span {
  margin-right: 0.25rem;
  font-size: 0.875rem;
}

.access_title strong {
  font-size: 0.875rem;
  color: #ff6666;
}

.access_info {
  margin: 1.0rem 0;
}

.access_info p {
  margin-bottom: 0.5rem;
}

.access_info p:last-child {
  margin: 0;
}

.google_maps {
  position: relative;
  width: 100%;
  margin-bottom: 1.0rem;
  padding-bottom: 56.25%
}

.google_maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.access_tool {
  padding-left: 0.2rem;
}

.access_tool li {
  margin-bottom: 0.5rem;
  padding-left: 1.0rem;
  text-indent: -1.0rem;
  font-size: 0.875rem;
}

.access_tool li:last-child {
  margin: 0;
}

.access_tool li:before {
  content: '';
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  background: #ff6666;
  transform: rotate(45deg);
}

@media screen and (min-width: 576px) {
  .access_info .tel, .access_info .fax {
    display: inline-block;
  }

  .access_info .tel {
    margin-right: 1.0rem;
  }
}

@media screen and (min-width: 768px) {
  .access_info {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .access_section {
    padding: 3.0rem 0;
  }
}

/* caretime_capacity */
.caretime_capacity {
  margin-bottom: 3.0rem;
}
@media screen and (min-width: 992px){
  .caretime_capacity{
    margin-bottom: 5.0rem;
  }
}

.caretime_container {
  margin-bottom: 3.0rem;
}

.caretime_container h2 {
  margin-bottom: 1.0rem;
  font-size: 1.5rem;
  text-align: center;
}

.caretime_container p {
  margin-bottom: 1.0rem;
}

.caretime_container .attention {
  padding-left: 0.875rem;
  text-indent: -0.875rem;
  font-size: 0.875rem;
  color: #7f7f7f;
}

.caretime_container .attention span {
  font-weight: 700;
}

.caretime_inner {
  margin: 0 auto 0.5rem;
  border: 0.025rem solid #7f7f7f;
}

.caretime_contents {
  display: flex;
}

.caretime_contents dt, .caretime_contents dd {
  width: 50%;
  padding: 0.5rem 0;
  text-align: center;
  border: 0.025rem solid #7f7f7f;
}

@media screen and (min-width: 768px) {
  .caretime_container {
    margin: 0;
  }
}

@media screen and (min-width: 992px) {
  .caretime_container {
    margin-bottom: 5.0rem;
  }

  .caretime_container h2 {
    font-size: 2.0rem;
  }

  .caretime_container .attention {
    font-size: 1.0rem;
  }
}

.capacity_container h2 {
  margin-bottom: 1.0rem;
  font-size: 1.5rem;
  text-align: center;
}

.capacity_container p {
  margin-bottom: 0.25rem;
  text-align: right;
}

.capacity_inner {
  border: 0.025rem solid #7f7f7f;
}

.capacity_contents {
  display: flex;
}

.capacity_contents dt, .capacity_contents dd {
  width: 50%;
  padding: 0.5rem 0;
  text-align: center;
  border: 0.025rem solid #7f7f7f;
}

.capacity_contents.sum dt, .capacity_contents.sum dd {
  background: #f0f0f0;
}

@media screen and (min-width: 992px) {
  .capacity_container h2 {
    font-size: 2.0rem;
  }
}

/* service_section */
.service_section {
  margin-bottom: 6.0rem;
}

.service_section h2 {
  margin-bottom: 1.0rem;
  font-size: 1.5rem;
  text-align: center;
}

.service_container {
  margin-bottom: 1.0rem;
}

.service_container:last-child {
  margin: 0;
}

.service_inner {
  border: 0.1rem solid #ff6666;
  border-radius: 0.5rem;
}

.service_inner h3 {
  padding: 0.25rem 0;
  background: #ff6666;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  font-size: 1.25rem;
  text-align: center;
  color: #ffffff;
}

.service_contents {
  padding: 1.0rem;
}

.service_contents p {
  margin-bottom: 1.0rem;
  font-size: 0.875rem;
}

.service_detail {
  margin-bottom: 1.0rem;
}

.service_detail:last-child {
  margin: 0;
}

.service_detail dt {
  display: inline-block;
  margin-bottom: 0.25rem;
  padding: 0.125rem 0.5rem;
  background: #fdd600;
}

.service_detail .dd_container dd {
  font-size: 0.875rem;
}

.service_detail .dd_container span {
  font-size: 0.75rem;
  color: #7f7f7f;
}

@media screen and (min-width: 768px) {
  .service_dl {
    display: flex;
    flex-wrap: wrap;
  }

  .service_detail {
    width: 50%;
    padding: 0 1.0rem;
  }
}

@media screen and (min-width: 992px) {
  .service_section h2 {
    font-size: 2.0rem;
  }

  .service_container {
    margin-bottom: 2.0rem;
  }
}

/* ==================== /main ==================== */