@charset "UTF-8";
#m_body {
   background-color: #e9ff90;
}

/* ///// layout ///////////////////////////////// */

.l_width_innner {
   width: 100%;
}

.l_contwrap {
   padding: 0;
}

.l_cont {
   position: relative;
}

/* btn_wrap */

.p_btn_wrap {
   display: flex;
   position: absolute;
   width: 90%;
   transform: translateX(-50%);
   left: 50%;
   top: 43%;
}

.p_btn_link:nth-child(2){
   transform: translateX(3.5%);
}

/* circlelist */

.p_circlelist {
   width: 90%;
   padding: 5% 0;
   margin: auto;
   display: flex;
   flex-wrap: wrap;
}

.p_circle {
   width: calc(100%/5);
   background: #636363;
}

.p_circle_link {
   display: flex;
   padding: 2%;
   justify-content: center;
   min-height: 2.7vw;
   align-items: center;
}

.p_circle_sns {
   margin: 0 3%;
}

@media screen and (max-width:768px){
   .p_circle {
      width: calc(100%/3);
   }
}

@media screen and (max-width:425px){
   .p_circle {
      width: calc(100%/2);
   }
}

/* p_footer */
.p_footer {
    background-color: #e9ff90;
}

/* ////////// map表示ボタン//////////  */

#m_body a.btn_map {
   position: fixed;
   right: 30px;
   bottom: 120px;
   width: fit-content;
   background: #01a161;
   padding: 1em 1.5em;
   height: auto;
   border-radius: 0.5em;
   color: #fff;
   display: flex;
   flex-direction: column;
   line-height: 1;
   text-align: center;
   font-weight: bold;
   font-size: min(2vw, 20px);
}

span.btn_text_sub {
   font-size: 0.8em;
   padding-top: 0.5em;
}

@media screen and (max-width:425px){
   #m_body a.btn_map {
      position: fixed;
      right: auto;
      left: 30px;
      bottom: 20px;
      font-size: min(4.6vw, 20px);
   }
}
/* ////////// map//////////  */

.modal-wrapper .modal-window{
   width: 90vw;
}

.modal-wrapper .modal-window .modal-content {
   max-height: 90vh;
}