@charset "UTF-8";
/* -----------------------------------------
  保育園の一日
----------------------------------------- */
.site-main .clear-both {
  display: none;
}
@media screen and (min-width: 769px) {
  .site-main .clear-both {
    display: inline;
  }
}
.site-main .title-bottom-caption-wrapper {
  margin: 2rem 0 4rem;
}
@media screen and (min-width: 769px) {
  .site-main .title-bottom-caption-wrapper {
    margin: 2rem 0;
  }
}
@media screen and (min-width: 769px) {
  .site-main .days-flow-hour-list {
    position: absolute;
    left: 50%;
    margin-top: 3rem;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) {
  .site-main .days-flow-hour-list .circle {
    position: relative;
    font-size: 26px;
    font-weight: 900;
    line-height: 0;
    color: #007ab7;
    text-align: center;
  }
  .site-main .days-flow-hour-list .circle::before {
    content: "●";
  }
}
@media screen and (min-width: 769px) {
  .site-main .days-flow-hour-list .line {
    position: relative;
    width: 1px;
    height: 300px;
    margin: 1.5rem auto;
    background-color: transparent;
    border-left: 2px dashed #4fa6d2;
  }
}
@media screen and (min-width: 769px) {
  .site-main .days-flow-hour-list .line02,
  .site-main .days-flow-hour-list .line04,
  .site-main .days-flow-hour-list .line06,
  .site-main .days-flow-hour-list .line08 {
    height: calc(300px + 2rem);
  }
}
.site-main .days-flow-item-list::after {
  clear: both;
  display: block;
  content: "";
}
.site-main .hour-item-left,
.site-main .hour-item-right {
  position: relative;
  height: auto;
  margin: 4rem 0 4rem 3rem;
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left,
  .site-main .hour-item-right {
    width: calc(50% - 3rem - 2rem);
    height: 600px;
    margin: 4rem 0;
  }
}
.site-main .hour-item-left::before,
.site-main .hour-item-right::before {
  position: absolute;
  top: -0.8rem;
  left: -1.5rem;
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  color: #007ab7;
  content: "●";
  transform: translateX(-1.5rem);
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left::before,
  .site-main .hour-item-right::before {
    position: relative;
    display: none;
    content: "";
  }
}
.site-main .hour-item-left::after,
.site-main .hour-item-right::after {
  position: absolute;
  top: 0;
  left: -2.25rem;
  width: 1px;
  height: 100%;
  margin-top: 2rem;
  content: "";
  background-color: transparent;
  border-left: 2px dashed #4fa6d2;
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left::after,
  .site-main .hour-item-right::after {
    position: relative;
    display: none;
  }
}
.site-main .hour-item-left .ystdtb-box__inner-container,
.site-main .hour-item-right .ystdtb-box__inner-container {
  height: 100%;
  border-color: #007ab7;
  border-style: dotted !important;
  border-radius: 5px !important;
}
.site-main .hour-item-left .ystdtb-box__label,
.site-main .hour-item-right .ystdtb-box__label {
  padding: 1rem 1.5rem;
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  background-color: #007ab7;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left .ystdtb-box__label,
  .site-main .hour-item-right .ystdtb-box__label {
    font-size: 32px;
  }
}
.site-main .hour-item-left .ystdtb-box__content,
.site-main .hour-item-right .ystdtb-box__content {
  height: 100%;
  padding: 4rem 2rem 2rem !important;
}
.site-main .hour-item-left .item-contents-wrap,
.site-main .hour-item-right .item-contents-wrap {
  height: 100%;
}
.site-main .hour-item-left .item-contents-wrap .wp-block-group,
.site-main .hour-item-right .item-contents-wrap .wp-block-group {
  margin-bottom: 3rem;
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left .item-contents-wrap .wp-block-group,
  .site-main .hour-item-right .item-contents-wrap .wp-block-group {
    margin-bottom: 0;
  }
}
.site-main .hour-item-left .item-contents-wrap .wp-block-group .ystdtb-dt,
.site-main .hour-item-right .item-contents-wrap .wp-block-group .ystdtb-dt {
  font-size: 18px;
  color: #007ab7;
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left .item-contents-wrap .wp-block-group .ystdtb-dt,
  .site-main .hour-item-right .item-contents-wrap .wp-block-group .ystdtb-dt {
    font-size: 20px;
  }
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left {
    float: left;
    margin-top: -18rem;
  }
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left.hour-item-left-first {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left.hour-item-left-last {
    height: 300px;
  }
}
.site-main .hour-item-left.hour-item-left-last::after {
  position: relative;
  display: none;
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-left .ystdtb-box__label {
    right: calc(var(--ystdtb-box-padding-left, 1rem) + var(--ystdtb-box-border-width, 1px));
    left: auto;
  }
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-right {
    float: right;
  }
}
@media screen and (min-width: 769px) {
  .site-main .hour-item-right.hour-item-right-first {
    margin-top: calc(300px + 6rem);
  }
}

.footer-sub section:first-of-type h2.main-h2-style {
  margin-top: 0;
}