@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 ==================== */