/* フォント */

.zen-maru-gothic {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  line-height: calc(24em / 16);
}

.zen-maru-gothic_map {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: calc(20em / 14);
  letter-spacing: calc(0.7em / 14);

}

.noto-sans-jp-reg {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: calc(36em / 15);
  letter-spacing: calc(0.75em / 15);
}

.noto-sans-jp-mid {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  line-height: calc(24em / 16);
  letter-spacing: calc(0.8em / 16);
}

/* 背景 */
.background {
  width: 100%;
  height: 110.2rem;
  background: linear-gradient(0deg, #FFFFFF, #CEE9FF);
  position: relative;
  z-index: -999;
}

.bg_white {
  background-color: #ffffff;
  height: 90.2rem;
  width: 100%;
  position: relative;
  z-index: -999;
}

.pass {
  object-fit: cover;
  width: 100%;
  height: 45.867rem;
  position: absolute;
  top: 12.126rem;
  left: 0rem;
}

.cross {
  object-fit: cover;
  width: 100%;
  height: 42.369rem;
  position: absolute;
  top: 20.331rem;
  left: 0rem;
}

.bg_pink {
  background-color: #FCEEF5;
  width: 100%;
  height: 93.4rem;
  position: absolute;
  top: 62.331rem;
  left: 0rem;
}

.cloud5 {
  object-fit: cover;
  width: 24.4rem;
  height: 15.2rem;
  position: absolute;
  top: 71.331rem;
  left: 0rem;
}

.wave3 {
  object-fit: cover;
  width: 100%;
  height: 25.276rem;
  position: absolute;
  top: 65.331rem;
  left: 0rem;
}

.cloud_weve3 {
  object-fit: cover;
  width: 24.4rem;
  height: 15.2rem;
  position: absolute;
  top: 51.331rem;
  left: 13rem;

}

.bg_pink2 {
  background-color: #F9C1DD;
  width: 100%;
  height: 160.9rem;
  position: relative;
  z-index: -999;
}

.wave2 {
  object-fit: cover;
  width: 100%;
  height: 10.2rem;
  position: absolute;
  top: 151.331rem;
  left: 0rem;
}

.cloud_weve2 {
  object-fit: cover;
  width: 24.4rem;
  height: 15.2rem;
  position: absolute;
  top: 51.331rem;
  left: 7rem;

}

.bg_white2 {
  background-color: #ffffff;
  width: 100%;
  height: 123.5rem;
  z-index: -999;
}

.bg_orange {
  width: 100%;
  height: 180.2rem;
  background: linear-gradient(0deg, #FFDDCE, #FFFFFF);
  position: relative;
  z-index: -999;
}

.cloud6 {
  object-fit: cover;
  width: 16.9rem;
  height: 10.5rem;
  position: absolute;
  top: 54rem;
  left: 4.3rem;
}

.cloud7 {
  object-fit: cover;
  width: 16.9rem;
  height: 10.5rem;
  position: absolute;
  top: 100.1rem;
  left: 101.1rem;
}

.rainbow {
  object-fit: cover;
  width: 65.8rem;
  height: 35.1rem;
  position: absolute;
  top: 145.2rem;
  left: 31.1rem;

}

#sticky-container {
  position: relative;
  height: 604.3rem;
}

#sticky-element {
  position: sticky;
  top: 10rem;
  left: 6.7rem
}

.flex {
  display: flex;
}

.flex_left {
  display: flex;
}
.ac-header{
  width: 33.5rem;
  margin: 0 auto;
}
.main_vew {
  width: 114rem;
  height: 24.2rem;
  border-radius: 3rem;
  margin: -660rem auto 0;
}

.main_vew_img {
  border-radius: 2rem;
  box-shadow: 0.6rem 0.6rem 0 #525252;
  object-fit: cover;
  width: 114rem;
  height: 24.2rem;
}

.cloud1 {
  object-fit: cover;
  width: 21rem;
  height: 13.1rem;
  position: absolute;
  top: 57.4rem;
  right: 2rem;
  z-index: -9;
}



.cloud3 {
  object-fit: cover;
  width: 18.3rem;
  height: 11.4rem;
  position: absolute;
  top: 31.7rem;
  right: 24.3rem;
  z-index: -9;
}

.cloud4 {
  object-fit: cover;
  width: 18.3rem;
  height: 11.4rem;
  position: absolute;
  top: 35.4rem;
  left: 4rem;
  z-index: -9;
}

.cloud8 {
  object-fit: cover;
  width: 18.5rem;
  height: 11.5rem;
  position: absolute;
  top: 5.4rem;
  left: 10rem;
  z-index: -9;
}

.text_access {
  color: #ffffff;
  padding: 1rem 2rem;
  font-size: 2.5rem;
  margin-top: 4rem;
  margin-bottom: 10rem;
}

.text_access_box {
  background-color: #DF778F;
  width: 21.7rem;
  height: 6rem;
  margin: 4rem auto 10rem;
  border-radius: 1rem;
}

.text_access {
  font-size: 2.8rem;
  line-height: calc(40em / 28);
  letter-spacing: calc(1.4em /28);
}

.access_list {
  border: solid 0.1rem #000000;
  border-radius: 1rem;
  width: 33.1rem;
  height: 51.7rem;
  margin-right: 10rem;
  margin-left: 7rem;
  background-color: #ffffff;

}

.access_list_pc {
  border: solid 0.1rem #000000;
  border-radius: 1rem;
  width: 33.1rem;
  height: 51.7rem;
  margin-right: 10rem;
  margin-left: 0rem;
  background-color: #ffffff;
}

.access_list_text {
  margin-top: 1.5rem;
  /* margin-left: 1.7rem; */
}

.access_list_detail {
  margin-top: 1.5rem;
  margin-left: 4rem;
}

.signboard {
  margin-left: 2.5rem;
  margin-top: 1rem;
}

/* 疑似要素 */
.honbu_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.honbu_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #000000;
  left: -1rem;
  top: 0;
  position: absolute;
}

.honbu_text_list {
  margin-left: 3.8rem;
  margin-bottom: 2.4rem;
  position: relative;
}

.honbu_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #000000;
  left: -1rem;
  top: 0;
  position: absolute;
}

.houon_text {
  margin-top: -0.8rem;
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.houon_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #DF778F;
  left: -1rem;
  top: 0;
  position: absolute;
}

.houon_text_list {
  margin-top: -1rem;
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.houon_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #DF778F;
  left: -1rem;
  top: 0;
  position: absolute;
}

.kibousya_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.kibousya_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #DF9377;
  left: -1rem;
  top: 0;
  position: absolute;
}

.kibousya_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.5rem;
  position: relative;
}

.kibousya_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #DF9377;
  left: -1rem;
  top: 0;
  position: absolute;
}

.meguminoie_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.meguminoie_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #E8DE64;
  left: -1rem;
  top: 0;
  position: absolute;
}

.meguminoie_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.5rem;
  position: relative;
}

.meguminoie_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #E8DE64;
  left: -1rem;
  top: 0;
  position: absolute;
}

.dayservice_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.dayservice_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #FAD670;
  left: -1rem;
  top: 0;
  position: absolute;
}

.dayservice_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.4rem;
  position: relative;
}

.dayservice_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #FAD670;
  left: -1rem;
  top: 0;
  position: absolute;
}

.fureainosato_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.fureainosato_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #A2D245;
  left: -1rem;
  top: 0;
  position: absolute;
}

.fureainosato_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.4rem;
  position: relative;
}

.fureainosato_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #A2D245;
  left: -1rem;
  top: 0;
  position: absolute;
}

.nijinosato_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.nijinosato_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #55D19B;
  left: -1rem;
  top: 0;
  position: absolute;
}

.nijinosato_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.4rem;
  position: relative;
}

.nijinosato_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #55D19B;
  left: -1rem;
  top: 0;
  position: absolute;
}

.yui_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.yui_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #77B2DF;
  left: -1rem;
  top: 0;
  position: absolute;
}

.yui_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.4rem;
  position: relative;
}

.yui_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #77B2DF;
  left: -1rem;
  top: 0;
  position: absolute;
}

.megumi_kyotaku_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.megumi_kyotaku_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #7793DF;
  left: -1rem;
  top: 0;
  position: absolute;
}

.megumi_kyotaku_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.4rem;
  position: relative;
}

.megumi_kyotaku_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #7793DF;
  left: -1rem;
  top: 0;
  position: absolute;
}
.hiyoko_img_box{
  width: 35rem;
  height: 22.5rem;
  display: inline;
  margin-left: 2rem;
}
.hiyoko_img{
  object-fit: cover;
  width: 35rem;
  height: 23rem; 
  margin-left: 0.7rem;
}
.hiyoko_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.hiyoko_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #8177DF;
  left: -1rem;
  top: 0;
  position: absolute;
}

.hiyoko_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.4rem;
  position: relative;
}

.hiyoko_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #8177DF;
  left: -1rem;
  top: 0;
  position: absolute;
}

.rink_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.rink_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #B577DF;
  left: -1rem;
  top: 0;
  position: absolute;
}

.rink_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.4rem;
  position: relative;
}

.rink_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #B577DF;
  left: -1rem;
  top: 0;
  position: absolute;
}

.kurea_text {
  margin-left: 0.9rem;
  margin-bottom: 1.9rem;
  position: relative;
}

.kurea_text::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #DF77CE;
  left: -1rem;
  top: 0;
  position: absolute;
}

.kurea_text_list {
  margin-left: 3.8rem;
  margin-bottom: 1.9rem;
  margin-top: -0.4rem;
  position: relative;
}

.kurea_text_list::before {
  content: "";
  width: 0.5rem;
  height: 2.4rem;
  background-color: #DF77CE;
  left: -1rem;
  top: 0;
  position: absolute;
}

/* ここまで */

/* 疑似要素２つめ */
.map_wraper {
  position: relative;
}

.map_wraper::before {
  content: "";
  width: 72.8rem;
  height: 0.1rem;
  background-color: #CACACA;
  position: absolute;
  left: 0;
  top: -7.3rem;
}

/* ここまで */

.access_map {
  border: solid 0.1rem #000000;
  border-radius: 1rem;
  width: 78.6rem;
  height: 558.2rem;
  margin-left: -1.1rem;
  margin-bottom: 20.1rem;
  background-color: #ffffff;
}

.map_wraper_top {
  margin-top: 2.8rem;
  margin-left: 2.7rem;
}

.map_wraper {
  margin-top: 14.6rem;
  margin-left: 2.8rem;
  margin-bottom: -1rem;
}

.img_box {
  width: 30rem;
  height: 22.5rem;
  display: inline;
  margin-left: 2rem;
}

.honbu_img {
  object-fit: cover;
  width: 35rem;
  height: 23rem;
  margin-left: 0.7rem;
}

.map_box {
  width: 35rem;
  height: 23rem;

}

.map_logo_bk {
  background-color: #181818;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.3rem;

}

.map_logo_red {
  background-color: #DF778F;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.2rem;
}

.map_logo_or {
  background-color: #DF9377;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.3rem;
}

.map_logo_yg {
  background-color: #E8DE64;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.2rem;
}

.map_logo_y {
  background-color: #FAD670;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.1rem;
}

.map_logo_gr {
  background-color: #A2D245;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.1rem;
}

.map_logo_lgr {
  background-color: #55D19B;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.1rem;
}

.map_logo_sbl {
  background-color: #77B2DF;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.1rem;
}

.map_logo_bl {
  background-color: #7793DF;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.1rem;
}

.map_logo_pbl {
  background-color: #8177DF;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.1rem;
}

.map_logo_p {
  background-color: #B577DF;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.1rem;
}

.map_logo_pi {
  background-color: #DF77CE;
  color: #ffffff;
  border: solid 0.1rem #000000;
  border-radius: 2.3rem;
  padding: 0.5rem 1rem;
  margin-left: 2.7rem;
  margin-top: -0.1rem;
}

/* 調整 */
.tell_no {
  margin-top: -0.5rem;
}

.footer img {
  display: block;
}


.footer{
  display: none;
}
.footer div {
  display: none;
}

.access_text_btn {
  display: none;
}

.sp_none {
  margin-top: 1.3rem;
  margin-left: 1.9rem;
}

.jump {
  scroll-margin-top: 10rem;
}
.add_text {
    margin-top: -1.2rem;
    width: 35rem;
    flex-wrap: wrap;
  }
  
  .add_text_kibousya {
    margin-top: -0.7rem;
    width: 35rem;
    flex-wrap: wrap;
  }
@media screen and (max-width:699.98px) {

  .flex {
    display: block;
  }

  .flex_left {
    display: block;
  }

  .access_list {
    margin-left: 1.8rem;

    position: relative;
    border-radius: 0 0 8px 8px;
    background: #fff;
    color: black;
    border: transparent;
    /*borderを非表示の状態にする*/
    padding: 0 20px;
    /*上下のpaddingを0に書き換える*/
    line-height: 0;
    /* 非表示時、0*/
    opacity: 0;
    /* 非表示時、0*/

  }



  .main_vew_img {
    width: 35.5rem;
    height: 18rem;
    box-shadow: 0.3rem 0.3rem 0 #525252;
  }

  .main_vew {
    width: 35.5rem;
  }

  .text_access_box {
    width: 16.6rem;
    height: 6rem;
    margin-top: -6.2rem;
  }

  .text_access {
    font-size: 2rem;
    line-height: calc(29em / 20);
    letter-spacing: calc(1em / 20);
    padding-top: 1.5rem;
    margin-top: 3rem;
  }

  .map_box {
    width: 33.5rem;
    height: 22.014;
  }

  .honbu_img {
    width: 33.5rem;
    height: 22.014rem;
    margin-left: -0.3rem;
  }
  .hiyoko_img{
    width: 33.5rem;
    height: 22.014rem;
    margin-left: -2.2rem;

  }

  .rainbow {
    width: 100%;
    height: 20rem;
    left: 0rem;
    top: 155.8rem;
  }

  .map_wraper {
    margin-top: 4.7rem;
  }

  .map_wraper::before {
    width: 33.5rem;
    top: -1.6rem;
  }

  .access_map {
    width: 35.5rem;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    height: 735.7rem;
    margin-top: -41rem;
    transition: 0.4s;
  }

  .map_wraper_top {
    margin-left: 1rem;
  }

  .img_box {
    margin-left: 0rem;
  }

  .map_wraper {
    margin-left: 1rem;
  }

  .map_logo_bk {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_red {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_or {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;

  }

  .map_logo_yg {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_y {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_gr {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_lgr {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_sbl {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_bl {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_pbl {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_p {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .map_logo_pi {
    width: 10.186rem;
    margin-left: 17.3rem;
    margin-top: -3.3rem;
    margin-bottom: 2rem;
    padding: 0.5rem 0.8rem;
  }

  .bg_white2 {
    height: 297.5rem;
  }

  .main_vew {
    margin-top: -836.1rem;
  }

  .wave2 {
    width: 100%;
  }

  .cloud_weve2 {
    display: none;
  }

  .cloud1 {
    width: 11.7rem;
    height: 7.3rem;
    top: 44.4rem;
    right: 0rem;
  }

  .cloud3 {
    width: 6.5rem;
    height: 4rem;
    top: 22.7rem;
    left: 2.8rem;
  }

  .cloud4 {
    width: 9.7rem;
    height: 6.1rem;
    top: 25.4rem;
    left: 26.5rem;
  }

  .cloud7 {
    width: 15rem;
    height: 9.3rem;
    top: 148rem;
    left: 1rem;
  }

  .cloud_weve3 {
    left: 10rem;
  }

  #sticky-container {
    height: 52.2rem;
  }

  /* 開閉アイコン */
  .ac-icon-p {
    position: relative;

  }


  .ac-icon {
    margin-top: -2.5rem;
    margin-left: 10.7rem;

    width: 2.2rem;
    height: 2.2rem;
    border: solid 0.1rem #000000;
    border-radius: 25rem;
    background-color: #FFA8BC;
  }

  /* 縦線 */
  .ac-icon::before {
    content: "";
    width: 1.4rem;
    height: 0.1rem;
    position: absolute;
    top: 2.4rem;
    left: 13.1rem;
    background-color: #333333;
    transition: transform .3s;
  }

  .ac-icon.avtive::before {
    opacity: 0;
    transition-duration: 0.4s;
  }

  /* 横線 */
  .ac-icon::after {
    content: "";
    width: 0.1rem;
    height: 1.4rem;
    position: absolute;
    top: 1.8rem;
    left: 13.7rem;
    background-color: #333333;
    transition: transform .3s;
  }

  /* 開いているときは縦線を非表示に */
  .ac-icon.active::after {
    /* 縦棒を非表示にする（＝横棒だけになる） */
    transform: rotate(90deg);
    transition-duration: 0.4s;
  }

  .access_map.active {
    margin-top: 6rem;
  }

  /* コンテンツ部分 */
  .access_text_btn {
    display: block;
    width: 33.5rem;
    height: 5.4rem;
    border-left: solid 0.1rem #000000;
    border-right: solid 0.1rem #000000;
    border-top: solid 0.1rem #000000;
    border-bottom: solid 0.1rem #000000;
    border-radius: 1rem 1rem 1rem 1rem;
    background-color: #ffffff;
    padding-top: 1.5rem;
    padding-left: 2rem;
    margin-top: -3.9rem;
  }

  .ac-header.show h3 {
    border-radius: 1rem 1rem 0 0;
    border-bottom: 0;
  }

  .access_text_btn.active {
    border-bottom: none;
  }

  .ac-content {
    margin: 0 auto;
    width: 33.5rem;
    height: 52.2rem;
    border-left: solid 0.1rem #000000;
    border-right: solid 0.1rem #000000;
    border-bottom: solid 0rem #000000;
    border-top: 0;
    border-radius: 0 0 1rem 1rem;
    background-color: #ffffff;
    height: 0;
    overflow: hidden;
    transition: all 0.4s;

  }

  .ac-content.show {
    height: 50rem;
    border-bottom: solid 0.1rem #000000;

  }

  .access_list_pc {
    margin-right: 0rem;
    margin: 0 auto;
    margin-left: 1.7rem;
  }

  #sticky-element {
    position: sticky;
    top: 0rem;
    left: 2rem
  }

  .sp_none {
    display: none;
  }

  .add_text {
    margin-top: -1.2rem;
    width: 33.5rem;
    flex-wrap: wrap;
  }
  
  .add_text_kibousya {
    margin-top: -0.7rem;
    width: 33.5rem;
    flex-wrap: wrap;
  }

  .hiyoko_text {
    margin-top: 5.5rem;
  }

  .rink_text {
    margin-top: 5.5rem;
  }

  .signboard {
    font-size: 1.4rem;
    margin-left: -1rem;
    line-height: calc(20em / 14);
    letter-spacing: calc(0.7em / 14);
  }

  .signboard {
    margin-top: 0.5rem;
    margin-left: 0rem;
  }
  .tell_honbu{
    position: relative;
    z-index: 9;
  }
}