@charset "UTF-8";
/* ----------------------------------------
園での生活
 ---------------------------------------- */ 

/* PC */
@media (min-width: 769px){
}
/* SP */
@media (max-width: 768px) {
}
/* print */
@media print {
}

/* ----------------------------------------
if_page_mvTtl_deco
 ---------------------------------------- */ 
.page_mvTtlBox .if_page_mvTtl_deco{
  display: block;
  width: 278.1188px;
  height: 249.8073px;
  background-image: url("../img/deco_b.png");
  right: 222px;
  bottom: -112px;
}
/* SP */
@media (max-width: 768px) {
  .page_mvTtlBox .if_page_mvTtl_deco{
    width: 68.3502px;
    height: 105.0326px;
    right: 39.2px;
    bottom: -41px;
  }
}

/* ----------------------------------------
life_eventCont
 ---------------------------------------- */
.lifeFlow_con{
  position: relative;
}
.lifeFlow_slide {
  opacity: 0;
  transition: .4s;
}
/* ページ読み込み時に、一瞬縦並びになるのを防止 */
/* slick-initializedが付与されたら、フェード表示 */
.lifeFlow_slide.slick-initialized {
  opacity: 1;
}

.lifeFlow_slide .slick-list{
  transition: .2s;
}

/* ---lifeFlow_slide--- */
.lifeFlow_slide{
  position: relative;
  z-index: 2;
  padding-left: 25px;
  padding-right: 25px;
}
/* SP */
@media (max-width: 768px) {
  .lifeFlow_slide{
    position: relative;
    z-index: 2;
    padding-left: 00px;
    padding-right: 00px;
  }
}
.lifeFlow_slide::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.lifeFlow_slide li{
  position: relative;
  box-sizing: content-box;
}
.lifeFlow_slide li::before{
  content: "";
  display: block;
  width: 99%;
  height: 4px;
  position: absolute;
  top: 0.8em;
  left: 0;
  right: 0;
  border-top: 4px dotted #b5b5b5;
  z-index: 1;
}

/* ---lifeFlow_time--- */
.lifeFlow_time{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}
.lifeFlow_slide .lifeFlow_item:first-child .lifeFlow_time::after,
.lifeFlow_slide .lifeFlow_item:last-child .lifeFlow_time::after{
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fdf9f7;
  z-index: 1;
}
.lifeFlow_slide .lifeFlow_item:first-child .lifeFlow_time::after{
  left: 0;
}
.lifeFlow_slide .lifeFlow_item:last-child .lifeFlow_time::after{
  right: 0;
}
.lifeFlow_time span{
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  background-color: #3a9d27;
  min-width: calc(95px + 20px + 20px);
  text-align: center;
  border-radius: 999em;
  padding: 0px 18px 0px 18px;
  position: relative;
  z-index: 2;
}
.lifeFlow_time_on .lifeFlow_time span{
  margin-top: -21px;
  margin-bottom: -21px;
}
.lifeFlow_time_on .lifeFlow_time span,
.lifeFlow_time_no .lifeFlow_time span::before{
  border: 21px solid #fdf9f7;
}
/* SP */
@media (max-width: 768px) {
  .lifeFlow_time span{
    min-width: calc(74px + 10px + 10px);
    padding-top: 1px;
    padding-bottom: 0;
  }
  .lifeFlow_time_on .lifeFlow_time span{
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .lifeFlow_time_on .lifeFlow_time span,
  .lifeFlow_time_no .lifeFlow_time span::before{
    border: 10px solid #fdf9f7;
  }

}
.lifeFlow_time_no .lifeFlow_time span{
  color: transparent;
  background-color: transparent;
  position: relative;
}
.lifeFlow_time_no .lifeFlow_time span::before{
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #3a9d27;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
}
/* SP */
@media (max-width: 768px) {
  .lifeFlow_time_on .lifeFlow_time span{
    font-size: 1.2rem;
  }
  .lifeFlow_time_no .lifeFlow_time{
    height: 1.786em;
  }
  .lifeFlow_time_no .lifeFlow_time span{
    padding-top: 0;
    padding-bottom: 0;
  }
  .lifeFlow_item:last-child .lifeFlow_time{
    width: 100%;
  }
  .lifeFlow_item:last-child .lifeFlow_time span{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
/* ---lifeFlow_ttl--- */
.lifeFlow_ttl{
  width: calc(100% - 50px);
  text-align: center;
  font-size: 2rem;
  margin-top: 19px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  position: relative;
  z-index: 3;
}
.lifeFlow_ttl small{
  font-size: 75%;
}
/* SP */
@media (max-width: 768px) {
  .lifeFlow_ttl{
    width: calc(100% - 20px);
    font-size: 1.5rem;
    margin-top: 15px;
  }
  .lifeFlow_ttl small{
  }
  .lifeFlow_item:last-child .lifeFlow_ttl{
    width: 100%;
  }
  .lifeFlow_item:last-child .lifeFlow_ttl small{
    font-size: 68%;
  }
}

/* ---lifeFlow_img--- */
.lifeFlow_img{
  width: calc(100% - 50px);
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
}
/* SP */
@media (max-width: 768px) {
  .lifeFlow_img{
    width: calc(100% - 20px);
    margin-top: 20px;
  }
}

/* ---lifeFlow_txt--- */
.lifeFlow_txt{
  width: calc(100% - 50px);
  font-size: 1.5rem;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
}
/* SP */
@media (max-width: 768px) {
  .lifeFlow_txt{
    width: calc(100% - 20px);
    font-size: 1.2rem;
    line-height: 1.833;
    margin-top: 20px;
  }
}

/* ---slide_arrowBox--- */
.slide_arrowBox{
  display: block;
  width: 47px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  z-index: 3;
  opacity: 1;
  transition: 0.2s;
}
.slide_arrow_prev{
  left: 0;
  transform: translateY(-50%) scaleX(-1);
}
.slide_arrow_next{
  right: 0;
}
.slide_arrowBox i{
  display: block;
  width: 19.492px;
  height: 20.2036px;
  position: relative;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  right: 5px;
  bottom: 0;
  transition: 0.2s;
}
  .slide_arrowBox:hover i{
    right: -5px;
  }

/* SP */
@media (max-width: 768px) {
  .slide_arrow_prev{
    left: -12px;
  }
  .slide_arrow_next{
    right: -12px;
  }
  .slide_arrowBox i{
    top: 40%;
    width: 12.5298px;
    height: 12.3589px;
  }
}
.slide_arrowBox i::before,
.slide_arrowBox i::after{
  content: "";
  background-color: #464646;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  border-radius: 99px;
}
.slide_arrowBox i::after{
  transform: rotate(-90deg);
  transform-origin: left bottom;
}
.slide_arrowBox.slick-disabled{
  opacity: 0;
  pointer-events: none;
}
/* SP */
@media (max-width: 768px) {
}
  .slide_arrowBox:hover{
    opacity: 0.5;
    cursor: pointer;
  }
  .slide_arrow_prev:hover{
    left: 0;
  }
  .slide_arrow_next:hover{
    right: 0;
  }

/* ----------------------------------------
life_eventCont
 ---------------------------------------- */ 
.life_eventBox{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px 80px;
  margin-bottom: 100px;
}
/* SP */
@media (max-width: 768px) {
  .life_eventBox{
    flex-wrap: wrap;
    margin-bottom: 48px;
  }
}
.life_eventBox:nth-child(even){
  flex-direction: row-reverse;
}
.life_eventBox:last-child{
  margin-bottom: 0;
}

/* ---life_eventBox_img--- */
.life_eventBox_img{
  width: 46%;
  position: relative;
}
/* SP */
@media (max-width: 768px) {
  .life_eventBox_img{
    width: 100%;
  }
}

.life_eventBox_ic{
  position: absolute;
  z-index: 2;
  top: -24px;
  left: -24px;
  width: 124px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.life_eventBox_ic span{
  display: block;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 2;
}
.life_eventBox_ic::before{
  content: "";
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #3a9d27;
  background-image: url(../img/common/bgimg_green.jpg);
  background-repeat: repeat;
  mask-image: url(../img/top/futaba_detail_heading.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
}
.life_eventBox_spring .life_eventBox_ic::before{
  background-image: url(../img/common/bgimg_pink.jpg);
}
.life_eventBox_summer .life_eventBox_ic::before{
  background-image: url("../img/common/bgimg_blue.jpg");
}
.life_eventBox_autumn .life_eventBox_ic::before{
  background-image: url("../img/common/bgimg_yellow.jpg");
}
.life_eventBox_winter .life_eventBox_ic::before{
  background-image: url("../img/common/bgimg_violet.jpg");
}
/* SP */
@media (max-width: 768px) {
  .life_eventBox_ic{
    width: 101px;
    height: 101px;
    top: -16px;
    left: -11px;
  }
}

/* ---life_eventBox_detail--- */
.life_eventBox_detail{
  width: 46%;
}
.life_eventBox_detail dl{
  display: flex;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #b5b5b5;
}
.life_eventBox_detail dl:first-child{
  padding-top: 12px;
  border-top: 1px solid #b5b5b5;
}
.life_eventBox_detail dl dt{
  text-align: right;
  font-size: 1.6rem;
  flex-shrink: 0;
  margin-right: 0.2em;
}
/* PC */
@media (min-width: 769px){
  .life_eventBox_detail{
    width: 46%;
    margin-top: 2px;
  }
}
/* SP */
@media (max-width: 768px) {
  .life_eventBox_detail{
    width: 100%;
  }
  .life_eventBox_detail dl{
    padding-bottom: 8px;
  }
}

.life_event_month_space{
  padding-left: 0.6em;
}
.life_eventBox_detail dl dd ul li{
  display: inline-block;
  margin-right: 1.2em;
}
.life_eventBox_detail dl dd ul li:last-child{
  margin-right: 0;
}
.life_eventBox_detail dl dd ul li::before{
  content: "";
  display: inline-block;
  color: #ccc;
  width: 0.852em;
  height: 0.852em;
  border-radius: 50%;
  vertical-align: top;
  position: relative;
  top: 0.6em;
  margin-right: 0.2em;
}
.life_eventBox_spring .life_eventBox_detail dl dd ul li::before{
  background-image: url(../img/common/bgimg_pink.jpg);
}
.life_eventBox_summer .life_eventBox_detail dl dd ul li::before{
  background-image: url("../img/common/bgimg_blue.jpg");
}
.life_eventBox_autumn .life_eventBox_detail dl dd ul li::before{
  background-image: url("../img/common/bgimg_yellow.jpg");
}
.life_eventBox_winter .life_eventBox_detail dl dd ul li::before{
  background-image: url("../img/common/bgimg_violet.jpg");
}

.life_eventBox_summary{
  margin-top: 42px;
  font-size: 1.6rem;
}
/* SP */
@media (max-width: 768px) {
  .life_eventBox_summary{
    margin-top: 33px;
    font-size: 1.4rem;
  }
}

/* ----------------------------------------
****
 ---------------------------------------- */