.flex{
  display: flex;
}
main{
  overflow: hidden;
  width: 128rem;
  margin-left: -22.3rem;
}

.pc_only{
  display: block;
}
.sp_only{
  display: none;
}

.bg_section{
  position: relative;
}
/* .bg{
  width: 100%;
  height: auto;
} */
.heart_baby{
  width: 126rem;
  height: 80.1rem;
  /* object-position: 70% 50%; */
}
.cloudleft1{
  width: 30.4rem;
  height: 29.1rem;
  position: absolute;
  top: 0rem;
  left: 24rem;
}
.cloudleft2{
  width: 20.1rem;
  height: 20.1rem;
  position: absolute;
  top: 34rem;
  left: 25rem;
}
.cloudright1{
  width: 27.1rem;
  height: 27.1rem;
  position: absolute;
  top:13rem;
  right: 0rem;
}
.fire_engine{
  width: 36.2rem;
  height: 36.2rem;
  position: absolute;
  top: 56rem;
  left: 25rem;
  z-index: 4;
}
.shinkansen{
  width: 32.8rem;
  height: 36rem;
  position: absolute;
  top: 58rem;
  right: -1.5rem;
  z-index: 4;
}


/* タイトルセクション */
.bg_about_nuts{
  width: 128rem;
  height: 80rem;
  margin-left: 22rem;
  padding-top: 24.1rem;
  position: relative;
  background-image: url(../img/bg.png);
  background-repeat: repeat-x;
  z-index: -1;
}
.heart_tree{
  width: 53.2rem;
  height: 56.4rem;
  position: absolute;
  top: 11rem;
  right: 30rem;
}
.zyouro{
  width: 16.6rem;
  height: 10.7rem;
  position: absolute;
  top: 54rem;
  right: 35rem;
}
.about_nuts_wrapper{
 flex-wrap: nowrap;
}
.about_nuts_frame{
  padding-left: 8rem;
}
.nuts_title{
  color: #707070;
  font-size: 3.4rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.2rem;
  line-height: 4.5rem;
  padding-bottom: 5.4rem;
}
.nuts_text{
  color: #FDA066;
  font-size: 4.5rem;
  font-weight: 400;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: -0.2rem;
  line-height: 7rem;
}



/* ポリシーセクション */
.policy_section{
  position: relative;
  height: 60.6rem;
}
.policy{
  width: 128rem;
  height: 60.6rem;
  position: relative;
  top: 0rem;
  left: 4.5rem;
  z-index: -1;
}
.balanco{
  width: 38.8rem;
  height: 38.8rem;
  position: absolute;
  bottom: -10rem;
  right:2.6rem;
}
.slide{
  width: 34rem;
  height: 34rem;
  position: absolute;
  bottom: -6.7rem;
  left: 25.4rem;
}


/* dayセクション */
.bg_day{
  width: 104rem;
  height: 106.1rem;
  margin-left: 24rem;
  padding-top: 16rem;
  position: relative;
  z-index: 9999;
}
.one_day_title{
  color: #707070;
  font-size: 3rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  text-align: center;
  margin-bottom: 15.7rem;
  margin-left: -3rem;
}
.one_day{
  display: block;
  width: 63.2rem;
  height: 63.3rem;
  margin-left: 19.2rem;
}
.picture_book{
  width: 18.8rem;
  height: 18.8rem;
  position: absolute;
  top: 34rem;
  right: 6.7rem;
}
.toy_block{
  width: 21.7rem;
  height: 21.7rem;
  position: absolute;
  bottom: -4.2rem;
  right: 10.7rem;
  z-index: 9;
}
.create{
  width: 19rem;
  height: 19rem;
  position: absolute;
  bottom: 9.7rem;
  left: 3.8rem;
}
.park{
  width: 21.3rem;
  height: 21.3rem;
  position: absolute;
  top: 22rem;
  left: 9rem;
}
.picture_book_p{
  width: 14rem;
  height: 11.4rem;
  position: absolute;
  top: 27rem;
  right: 25.4rem;
}
.toy_block_p{
  width: 11.3rem;
  height: 9.2rem;
  position: absolute;
  bottom: 17.6rem;
  right: 6rem;
}
.create_p{
  width: 10.4rem;
  height: 10rem;
  position: absolute;
  bottom: 0.5rem;
  left: 15.5rem;
}
.baby_car_p{
  width: 9.8rem;
  height: 8.4rem;
  position: absolute;
  top: 44rem;
  left: 12.8rem;
}



/* イベントセクション */
.bg_event{
  width: 106rem;
  height: 128rem;
  margin-left: 22rem;
  background-color: #FFFDF6;
  padding-top: 12.4rem;
  position: relative;
}
.event_title{
  color: #707070;
  font-size: 3rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  text-align: center;
  margin-bottom: 12.5rem;
  margin-top: 1.6rem;
  margin-left: -1rem;
}
.event_month{
  align-items: center;
  margin-left: 43rem;
  margin-bottom: 3.7rem;
}

.event_month:last-of-type{
  margin-bottom: 0;
}
.event_line{
  width: 4.5rem;
  height: 0.1rem;
  margin-right: 2.6rem;
}
.position_line{
  position: relative;
  top: -0.4rem;
}
.april,.may,.june,.july,.august,
.september,.november,.december,
.january,.february,.march{
  color: #707070;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  margin-right: 3.1rem;
}
.june,.september,.december,
.june_event,.september_event,.december_event{
  margin-bottom: 0.8rem;
}
.october,.november,.december{
  color: #707070;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  margin-right: 2rem;
}
.april_event,.may_event,.june_event,.july_event,.august_event,
.september_event,.october_event,.november_event,.december_event,
.january_event,.february_event,.march_event{
  color: #707070;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
.other_event{
  color: #707070;
  font-size: 1.6rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.1rem;
  text-align: center;
  padding-top: 8.1rem;
}


/* イベント画像 */
.event_spring{
  width: 21.2rem;
  height: 18.6rem;
  position: absolute;
  top: 28rem;
  left: 13.5rem;
}
.event_summer{
  width: 19.1rem;
  height: 17.9rem;
  position: absolute;
  top: 48rem;
  left: 17.4rem;
}
.event_autumn{
  width: 22.5rem;
  height: 18.9rem;
  position: absolute;
  top: 67rem;
  left: 12rem;
}
.event_winter{
  width: 20.5rem;
  height: 19.3rem;
  position: absolute;
  top: 86rem;
  left: 16.4rem;
}
.event_sakura{
  width: 14rem;
  height: 9.7rem;
  position: absolute;
  top: 33rem;
  right: 10rem;
}
.event_tanabata{
  width: 12.3rem;
  height: 12.3rem;
  position: absolute;
  top: 54rem;
  right: 16rem;
}
.event_star{
  width: 5.9rem;
  height: 4.5rem;
  position: absolute;
  top: 52.6rem;
  right: 11.6rem;
}
.event_christmas{
  width: 15.5rem;
  height: 7.5rem;
  position: absolute;
  top: 76.2rem;
  right: 13.8rem;
}
.event_setsubun{
  width: 10rem;
  height: 7.5rem;
  position: absolute;
  top: 92rem;
  right: 10.7rem;
}


/* aboutセクション */
.bg_garden{
  width: 106rem;
  height: 112rem;
  margin-left: 22rem;
  background-color: #FFFDF6;
  padding-top: 12.4rem;
  position: relative;
  z-index: -1;
}
.about_garden{
  color: #707070;
  font-size: 3rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  text-align: center;
  margin-bottom: 7.4rem;
  margin-top: 1.4rem;
  margin-left: -0.8rem;
}
.garden_wrapper{
  width: 71.9rem;
  height: 72rem;
  flex-wrap: wrap;
  margin: 0 auto;
  border-radius: 2rem;
  overflow: hidden;
}
.garden_wrapper dt{
  width: 19.6rem;
  color: white;
  background-color: #FC8D8EC7;
  font-size: 2rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 2rem;
  padding-top: 2.4rem;
  padding-left: 6.1rem;
  position: relative;
}
.garden_wrapper dt::before{
  content: "";
  display: inline-block;
  background-color: white;
  width: 16rem;
  height: 0.1rem;
  position: absolute;
  bottom: 0.9rem;
  right: 0rem;
}
.garden_wrapper dt:last-of-type::before{
  display: none;
}
.garden_wrapper dd{
  width: 51.9rem;
  color: #707070;
  background-color: white;
  font-size: 2rem;
  font-weight: 400;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: ;
  line-height: ;
  padding-left: 4rem;
  padding-top: 1.8rem;
}
table{
  text-align: center;
  color: #707070;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: ;
  letter-spacing: calc( 0.88em / 16 );
  line-height: ;
}
th{
  color: #707070;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: ;
  letter-spacing: calc( 0.88em / 16 );
  line-height: ;
}
.week,.saturday{
  width: 6rem;
  height: 3.5rem;
  border: solid 0.1rem #B4AEAE;
}
.open_time,.standard_time,.short_time{
  width: 12.8rem;
  height: 3.5rem;
  border: solid 0.1rem #B4AEAE;
}

.about_extension{
  color: #707070;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: ;
  letter-spacing: ;
  line-height: ;
  margin-top: 1.1rem;
}
.am,.pm{
  color: #707070;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: ;
  letter-spacing: ;
  line-height: ;
}
.small_tree{
  width: 20.7rem;
  height: 29rem;
  position: absolute;
  bottom: 0rem;
  right: 1.4rem;
  object-position: 0% 50%;
}
.bird_left{
  width: 6.5rem;
  height: 5.6rem;
  position: absolute;
  top: 17rem;
  left:10rem;
}
.bird_right{
  width: 7.4rem;
  height: 5.9rem;
  position: absolute;
  top: 49rem;
  right: 11rem;
}




.bg_access{
  width: 106rem;
  height: 64rem;
  margin-left: 22rem;
  background-color: #FFFFFF;
  padding-top: 8rem;
  position: relative;
}
.access_frame{
  width: 88rem;
  margin: 0 auto;
  gap: 16.9rem;
}
.access_title{
  color: #707070;
  font-size: 3rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: ;
  line-height: ;
  margin-top:7.4rem;
  margin-bottom: 5.3rem;
  margin-left: -0.2rem;
}
.access_postal_code,.access_address,.access_closest_station{
  color: #707070;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.05rem;
}
.access_map{
  width: 40rem;
  height: 40rem;
  position: relative;
  z-index: 9;
}
.town{
  width: 104rem;
  height: 35.4rem;
  position: absolute;
  bottom: 0rem;
  right: 1.5rem;
}


.bg_contact{
  width: 106rem;
  height: 64rem;
  margin-left: 22rem;
  padding-top: 12rem;
  background-color: #FFFDF6;
}
.contact_frame{
  width: 88rem;
  height: 40rem;
  margin: 0 auto;
  border: 1.1rem solid #FBF1C0;
  border-radius: 5rem;
  text-align: center;
  padding-top: 5rem;
  background-color: white;
  position: relative;
  z-index: 2;
}
.contact_title1,.contact_title2{
  color: #707070;
  font-size: 3rem;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.2rem;
  margin-left:-0.8rem;
}
.contact_title1{
  padding-bottom: 2.9rem;
}
.contact_title2{
  padding-bottom: 3.5rem;
  position: relative;
}
.contact_title2::after{
  content: "";
  display: inline-block;
  width: 38rem;
  height: 1.1rem;
  position: absolute;
  bottom: 3.8rem;
  left: 24rem;
  background-color:#FBF1C0;
  z-index: -1;
}
.contact_tel{
  display: inline-block;
  width: 38rem;
  height: 7.5rem;
  text-align: center;
  line-height: 7.5rem;
  border-radius: 5.8rem;
  color: white;
  font-size: 2rem;
  font-weight: 500;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: calc( 1.1em / 20 );
  line-height: ;
  background-color: #F4736A;
  position: relative;
  margin-bottom: 1rem;
}
.tel_icon{
  width: 1.5rem;
  height: 1.9rem;
  position: absolute;
  top: 2.8rem;
  left:9.3rem;
}
.reception_time{
  color: #707070;
  font-size: 2rem;
  font-weight: 500;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: calc( 2em / 20 );
  line-height: ;
}

/* 左右に画像をゆらす */

.animation_cloudleft1{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}
.animation_cloudleft2{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.8s;
}
.animation_cloudright1{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2s;
}

.keyframe2{
  animation-name: anim_h;
}

@keyframes anim_h {
  0% {
    transform: translate(0rem, 0);
  }
  100% {
    transform: translate(3rem, 0);
  }
}


/* 画像をカタカタ動かす */
@keyframes katakata_zyouro {
  0% {
    transform: translate(0rem, 0);
  }
  25%{
    transform: translate(0px,-2px) rotate(6deg);
  }
  50%{
    transform: translate(2px) rotate(2deg);
  }
  75%{
    transform: translate(0px,-2px) rotate(6deg);
  }
  100% {
    transform: translate(0px) rotate(-6deg);
  }
}

.katakata_zyouro {
    animation: katakata_zyouro 4s step-start 0s infinite normal;
}
/* 画像をカタカタ動かす */
@keyframes katakata_bird {
  0% {
    transform: translate(0rem, 0);
  }
  20%{
    transform: translate(0px,-2px) rotate(6deg);
  }
  40%{
    transform: translate(2px) rotate(2deg);
  }
  60%{
    transform: translate(0px,-2px) rotate(6deg);
  }
  80%{
    transform: translate(2px) rotate(-2deg);
  }
  100% {
    transform: translate(0px) rotate(-6deg);
  }
}

.katakata_bird {
    animation: katakata_bird 4s step-start 0s infinite normal;
}







@media screen and (max-width:699.98px){
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
  main{
    width: 37.5rem;
    margin-left: 0rem;
}
  .bg{
    width: 37.5rem;
    height: auto;
  }
  .heart_baby{
    width: 37.5rem;
    height: 75.2rem;
    /* object-position: 70% 50%; */
  }
  .cloudleft1{
    width: 14.6rem;
    height: 19.2rem;
    position: absolute;
    top: -4rem;
    right: 0rem;
  }
  .cloudleft2{
    width: 16.7rem;
    height: 19.2rem;
    position: absolute;
    top: 14rem;
    left: 30rem;
  }
  .cloudright1{
    width: 14.7rem;
    height: 18.2rem;
    position: absolute;
    top:10rem;
    left: -2rem;
  }
  .fire_engine{
    width: 18.8rem;
    height: 20.5rem;
    position: absolute;
    top: 63rem;
    left: -1rem;
    z-index: 4;
  }
  .shinkansen{
    width: 19.6rem;
    height: 22.5rem;
    position: absolute;
    top: 63.9rem;
    right: -1.3rem;
    z-index: 4;
  }



  /* タイトルセクション */
  .bg_about_nuts{
    width: 100%;
    height: 95.2rem;
    margin-left: 0rem;
    padding-top: 13.9rem;
    position: relative;
    background-image: url(../img/bg.png);
    background-repeat: repeat-x;
    z-index: -1;
  }
  .heart_tree{
    width: 29.6rem;
    height: 31.3rem;
    position: absolute;
    top: 57.7rem;
    right: 4.3rem;
  }
  .zyouro{
    width: 10.5rem;
    height: 6.8rem;
    position: absolute;
    top: 81rem;
    right: 6rem;
  }
  .about_nuts_wrapper{
  flex-wrap: nowrap;
  }
  .about_nuts_frame{
    /* width: 36.5rem; */
    padding-left: 2rem;
  }
  .nuts_title{
    color: #707070;
    font-size: 2rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    letter-spacing: 0.1rem;
    padding-bottom: 4rem;
  }
  .nuts_text{
    color: #FDA066;
    font-size: 2.6rem;
    font-weight: 400;
    font-family: "M PLUS Rounded 1c", sans-serif;
    letter-spacing: -0.2rem;
    line-height:3.8rem;
    margin-bottom: 3.7rem;
  }
  .nuts_text_sp{
    width: 33.5rem;
    color: #707070;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "M PLUS Rounded 1c", sans-serif;
    letter-spacing: 0.05rem;
    line-height: 2.4rem;
  }


  /* ポリシーセクション */
  .policy_section{
    position: relative;
    height: 60.6rem;
  }
  .policy{
    width: 100%;
    height: 60.6rem;
    position: relative;
    top: 0rem;
    left: 0rem;
    z-index: -1;
  }
  .balanco{
    width: 21.7rem;
    height: 24.2rem;
    position: absolute;
    bottom: -6rem;
    right:-1rem;
  }
  .slide{
    width: 20.9rem;
    height: 20.9rem;
    position: absolute;
    bottom: -4rem;
    left: 0rem;
  }



  /* dayセクション */
  .bg_day{
    width: 37.5rem;
    height: 69.6rem;
    margin-left: 0rem;
    padding-top: 7.6rem;
    position: relative;
    z-index: 9999;
  }
  .one_day_title{
    color: #707070;
    font-size: 2rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    margin-bottom: 11.2rem;
    margin-left: 0rem;
  }
  .one_day{
    display: block;
    width: 33.5rem;
    height: 33.5rem;
    margin-left: 0rem;
    margin: 0 auto;
    position: relative;
    z-index: 99;
  }
  .picture_book{
    width: 10rem;
    height: 10.2rem;
    position: absolute;
    top: 16.6rem;
    right: 2.4rem;
  }
  .toy_block{
    width: 10.7rem;
    height: 10.7rem;
    position: absolute;
    bottom: 8.4rem;
    right: 0rem;
    z-index: 9;
  }
  .create{
    width: 9.4rem;
    height: 9.4rem;
    position: absolute;
    bottom: 10.4rem;
    left: 1rem;
  }
  .park{
    width: 7.6rem;
    height: 7.6rem;
    position: absolute;
    top: 19.2rem;
    left: 0.8rem;
  }
  .picture_book_p{
    width: 8.1rem;
    height: 6.6rem;
    position: absolute;
    top: 23.3rem;
    right: 0.4rem;
    z-index: 99;
  }
  .toy_block_p{
    width: 4.5rem;
    height: 3.6rem;
    position: absolute;
    bottom: 13.3rem;
    right: 9.5rem;
    z-index: 99;
  }
  .create_p{
    width: 4.7rem;
    height: 4.5rem;
    position: absolute;
    bottom: 9.2rem;
    left: 9.1rem;
  }
  .baby_car_p{
    width: 5rem;
    height: 4.3rem;
    position: absolute;
    top: 19.2rem;
    left: 8.8rem;
  }


  /* イベントセクション */
  .bg_event{
    width: 37.5rem;
    height: 166.5rem;
    margin-left: 0rem;
    background-color: #FFFDF6;
    padding-top: 11.2rem;
    position: relative;
  }
  .event_title{
    color: #707070;
    font-size: 2rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    margin-bottom: 19.5rem;
    margin-left: 0rem;
  }
  .event_month{
    align-items: center;
    margin-left: 4rem;
    margin-bottom: 3.6rem;
  }
  .event_month:last-of-type{
    margin-bottom: 0;
  }
  .event_line{
    width: 4.5rem;
    height: 0.1rem;
    margin-right: 2.6rem;
  }
  .april,.may,.june,.july,.august,
  .september,.november,.december,
  .january,.february,.march{
    color: #707070;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    margin-right: 3.1rem;
  }
  .october,.november,.december{
    color: #707070;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    margin-right: 2rem;
  }
  .april_event,.may_event,.june_event,.july_event,.august_event,
  .september_event,.october_event,.november_event,.december_event,
  .january_event,.february_event,.march_event{
    color: #707070;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: "M PLUS Rounded 1c", sans-serif;
  }
  .march_event{
    margin-top: 1.9rem;
  }
  .other_event{
    color: #707070;
    font-size: 1.6rem;
    font-weight:500;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    padding-top: 5.8rem;
  }
  .other_event_title{
    font-weight: 700;
  }
  .event_month:nth-child(4){
    margin-bottom: 16.8rem;
  }
  .event_month:nth-child(7){
    margin-bottom: 16.5rem;
  }
  .event_month:nth-child(10){
    margin-bottom: 14.7rem;
  }
  .event_month:nth-child(12){
    margin-bottom: 1.6rem;
  }
  /* イベント画像 */
  .event_spring{
    width: 9.5rem;
    height: 8.3rem;
    position: absolute;
    top: 24rem;
    left: 2rem;
  }
  .event_summer{
    width: 8.7rem;
    height: 8.1rem;
    position: absolute;
    top: 56.9rem;
    left: 2.2rem;
  }
  .event_autumn{
    width: 10.1rem;
    height: 8.5rem;
    position: absolute;
    top: 88rem;
    left: 1.8rem;
  }
  .event_winter{
    width: 9.2rem;
    height: 8.7rem;
    position: absolute;
    top: 119.5rem;
    left: 2.4rem;
  }
  .event_sakura{
    width: 7.4rem;
    height: 5rem;
    position: absolute;
    top: 46rem;
    right: 2rem;
  }
  .event_tanabata_set{
    width: 8.5rem;
    height: 7.1rem;
    position: absolute;
    top: 78.6rem;
    right: 2rem;
  }
  .event_christmas{
    width: 7.5rem;
    height: 3.6rem;
    position: absolute;
    top: 108.4rem;
    right: 2.23rem;
  }
  .event_setsubun{
    width: 6.4rem;
    height: 4.8rem;
    position: absolute;
    top: 135rem;
    right:1.5rem;
  }


  /* aboutセクション */
  .bg_garden{
    width: 37.5rem;
    height: auto;
    margin-left: 0rem;
    background-color: #FFFDF6;
    padding-top: 6.9rem;
    padding-bottom: 10rem;
    position: relative;
    z-index: -1;
  }
  .about_garden{
    color: #707070;
    font-size: 2rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    text-align: center;
    margin-bottom: 7.4rem;
    margin-left: 0rem;
  }
  .garden_wrapper{
    width: 33.5rem;
    height: auto;
    flex-wrap: wrap;
    margin: 0 auto;
    border-radius: 0;
    overflow: hidden;
    flex-direction: column;
    border-radius: 2.5rem;
  }
  .garden_wrapper dt{
    width: 100%;
    color: #FC8D8EC7;
    background-color: white;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    line-height: calc( 22em / 15 );
    padding-top: 1.5rem;
    padding-left: 2.6rem;
    position: relative;
  }
  .garden_wrapper dt:first-of-type{
    padding-top: 4.6rem;
  }
  .garden_wrapper dt::before{
    display: none;
  }
  .garden_wrapper dd{
    width: 100%;
    color: #707070;
    background-color: white;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "M PLUS Rounded 1c", sans-serif;
    line-height: calc( 25em / 15);
    padding-left: 2.6rem;
    padding-top: 0.6rem;
    padding-bottom: 1.2rem;
    position: relative;
  }
  .garden_wrapper dd::before{
    content: "";
    display: inline-block;
    background-color: #FC8D8EC7;
    width: 30rem;
    height: 0.1rem;
    position: absolute;
    bottom: 0rem;
    right: 2rem;
  }
  .garden_wrapper dd:last-of-type::before{
    display: none;
  }
  .garden_wrapper dd:last-of-type{
    padding-bottom: 10.8rem;
  }
  .week,.saturday{
    width: 3.7rem;
    height: 12.6rem;
    writing-mode:vertical-lr;
    border: none;
    border-right:solid 0.1rem #B4AEAE ;
    text-align: center;
    padding-left: 0.3rem;
  }
  .week_wrapper{
    align-items: center;
    border: solid 0.1rem #B4AEAE;
    border-bottom: none;
    width: 28.2rem;
    gap: 1.3rem;
  }
  .saturday_wrapper{
    align-items: center;
    border: solid 0.1rem #B4AEAE;
    width: 28.2rem;
    gap: 1.3rem;
  }
  .open_time,.standard_time,.short_time{
  }

  .about_extension{
    color: #707070;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    margin-top: 0.5rem;
  }
  .am,.pm{
    color: #707070;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: "M PLUS Rounded 1c", sans-serif;
  }
  .hoiku_time{
    padding-bottom: 0.4rem;
  }
  .small_tree{
    width: 12.8rem;
    height: 18rem;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    object-position: 0% 50%;
  }
  .bird_left{
    width: 3.8rem;
    height: 3.3rem;
    position: absolute;
    top: 11.8rem;
    left:4rem;
  }
  .bird_right{
    width: 4.5rem;
    height: 3.6rem;
    position: absolute;
    top: 112.4rem;
    right: 15.2rem;
  }




  .bg_access{
    width: 37.5rem;
    height: auto;
    margin-left: 0;
    background-color: #FFFFFF;
    padding-top: 8.5rem;
    position: relative;
  }
  .access_frame{
    width: 33.5rem;
    margin: 0 auto;
    gap: 4.8rem;
    flex-direction: column;
  }
  .access_title{
    color: #707070;
    font-size: 2rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    margin-top:-0.5rem;
    margin-bottom: 5.3rem;
    margin-left: 0rem;
  }
  .access_postal_code,.access_address,.access_closest_station{
    color: #707070;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: "M PLUS Rounded 1c", sans-serif;
    letter-spacing: 0.06rem;
    line-height: 2.7rem;
  }
  .access_map{
    width: 33.5rem;
    height: 18.4rem;
    margin-bottom: 15.5rem;
  }
  .town{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
  }



  .bg_contact{
    width: 37.5rem;
    height: auto;
    margin-left: 0rem;
    padding-top: 6.2rem;
    background-color: #FFFDF6;
    padding-bottom: 7.8rem;
  }
  .contact_frame{
    width: 33.5rem;
    height: auto;
    margin: 0 auto;
    border: 1.1rem solid #FBF1C0;
    border-radius: 5rem;
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 5.8rem;
    background-color: white;
    position: relative;
    z-index: 2;
  }
  .contact_title1,.contact_title2{
    color: #707070;
    font-size: 2rem;
    font-weight: 700;
    font-family: "M PLUS Rounded 1c", sans-serif;
    letter-spacing: 0.05rem;
  }
  .contact_title1{
    padding-bottom: 4.6rem;
    
  }
  .contact_title2{
    padding-bottom: 5.6rem;
    position: relative;
  }
  .contact_title2::after{
    content: "";
    display: inline-block;
    width: 25.2rem;
    height: 1.1rem;
    position: absolute;
    bottom: 5.8rem;
    left: 3rem;
    background-color:#FBF1C0;
    z-index: -1;
  }
  .contact_tel{
    display: inline-block;
    width: 28.4rem;
    height: 7.1rem;
    text-align: center;
    line-height: 7.1rem;
    border-radius: 5.8rem;
    color: white;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: "M PLUS Rounded 1c", sans-serif;
    letter-spacing: calc( 1.1em / 20 );
    background-color: #F4736A;
    position: relative;
    margin-bottom: 0.7rem;
    margin-left: -1rem;
    padding-left: 2.4rem;
  }
  .tel_icon{
    width: 1.4rem;
    height: 1.7rem;
    position: absolute;
    top: 3rem;
    left:6.5rem;
  }
  .reception_time{
    color: #707070;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: "M PLUS Rounded 1c", sans-serif;
    letter-spacing: calc( 1.1em / 20 );
  }
  .about_nuts_scroll{
    scroll-snap-align: start;
    scroll-margin-top: 2rem;
  }
  .policy_scroll{
    scroll-snap-align: start;
    scroll-margin-top: 3rem;
  }
  .garden_scroll{
    scroll-snap-align: start;
    scroll-margin-top: 10rem;
  }
  .access_scroll{
    scroll-snap-align: start;
    scroll-margin-top: 10rem;
  }
  
}