@media screen and (max-width: 560px) {
    .lity.lity-opened.lity-image .lity-wrap .lity-container {
        width: 100% !important;
    }

            [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-ggmap iframe {
                    height: 250px !important;
            }

            [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-access-box-container .wonder-access-txt-box .wonder-access-img img {
                    margin: auto;
                    display: flex;
            }
}

    @media screen and (min-width: 561px) {
            [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-access-box-container .wonder-access-txt-box .wonder-access-img img {
                    margin: auto;
                    display: flex;
            }
    }

    .hoge {
        background-color: unset!important;
      }

      [data-section-type="voice"] .wonder-scroll-container.enabled {
        scroll-snap-type: none;
    }

    #lineModal {
        background-color: rgba(0, 0, 0, 0.5); /* 背景色を薄い黒に設定し、透明度を50%に設定 */
        /* 他のスタイルプロパティもここに追加できます */
      }
      .modal-line-flex-3 {
        justify-content: center;
        display: flex;
        width: 100%;
        padding: 10px;
      }
      .modal-line-flex-3 .modal-line-style {
        width: 30% !important;
        height: 85px !important;
        margin-right: 10px;
      }
      .modal-line-flex {
        padding: 10px;
        display: flex;
        justify-content: center;
        width: 100%;
      }
      .modal-line-flex .modal-line-style {
        width: 30% !important;
        height: 85px !important;
        margin-right: 10px;
      }
      .modal-line-flex-2 {
        padding: 10px;
        display: flex;
        justify-content: center;
        width: 100%;
      }
      .modal-line-flex-2 .modal-line-style {
        width: 30% !important;
        height: 85px !important;
        margin-right: 10px;
      }
  
      @media screen and (max-width: 560px) {
        .modal-content {
          padding: 10px !important;
        }
        .modal-line-style {
          padding: unset !important;
          height: unset !important;
          margin: 5px !important;
          width: 150px !important;
        }
        .modal-line-style .wonder-cv-icon-container {
          left: 5px !important;
        }
  
        .modal-line-style .wonder-cv-button-txt-block.wonder-cv-line-txt-block {
          margin-left: 18px !important;
        }
  
        .modal-line-flex-4-sp .modal-line-style {
          width: 129px !important;
        }
  
        .modal-line-style .cv-button-top-container {
            height: 40px !important;
          }
          .modal-line-style .wonder-cv-icon-container {
            width: 10px !important;
          }
        .modal-line-flex-sp {
          width: 100% !important;
        }
        .lity.lity-opened.lity-image .lity-wrap .lity-container {
            width: 100% !important;
        }
  
        [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-ggmap iframe {
                height: 250px !important;
        }
  
        [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-access-box-container .wonder-access-txt-box .wonder-access-img img {
                margin: auto;
                display: flex;
        }
      }
  
        @media screen and (min-width: 561px) {
            [data-section-type=access] .wonder-default-main-content .wonder-access-list-li.row-el .wonder-access-list-li-inner .wonder-access-box-container .wonder-access-txt-box .wonder-access-img img {
                    margin: auto;
                    display: flex;
            }
        }
  
            .modal {
              display: none;
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              overflow: auto;
              background-color: white;
              padding-top: 60px;
              z-index: 1000;
            }
            .modal-content {
              background-color: #fefefe;
              margin: 5% auto;
              padding: 20px;
              border: 1px solid #888;
              width: 80%;
            }
            .close {
              color: #aaa;
              float: right;
              font-size: 28px;
              font-weight: bold;
            }
            .close:hover,
            .close:focus {
              color: black;
              text-decoration: none;
              cursor: pointer;
            }

            #telModal {
                background-color: rgba(0, 0, 0, 0.5);
              }
              #telModal .modal-tel-style {
                border: 1px solid #000000;
                font-weight: 700;
                text-align: center;
                font-size: 12px;
              }
              .modal-phone-number-txt {
                font-size: 14px;
              }
              #telModal .wonder-cv-tel-block a.tel-link {
                text-shadow: unset !important;
              }
              .modal-tel-flex-3 {
                justify-content: center;
                display: flex;
                width: 100%;
                padding: 10px;
              }
              .modal-tel-flex-3 .modal-tel-style {
                width: 30% !important;
                height: 85px !important;
                margin-right: 10px;
              }
              .modal-tel-flex {
                padding: 10px;
                display: flex;
                justify-content: center;
                width: 100%;
              }
              .modal-tel-flex .modal-tel-style {
                width: 30% !important;
                height: 85px !important;
                margin-right: 10px;
              }
              .modal-tel-flex-2 {
                padding: 10px;
                display: flex;
                justify-content: center;
                width: 100%;
              }
              .modal-tel-flex-2 .modal-tel-style {
                width: 30% !important;
                height: 85px !important;
                margin-right: 10px;
              }
            
              @media screen and (max-width: 560px) {
                #telModal .modal-tel-style {
                  font-size: 8px;
                }
                .modal-phone-number-txt {
                  font-size: 10px;
                }
                .modal-content {
                  padding: 10px !important;
                }
                .modal-tel-style {
                  padding: unset !important;
                  height: 60px !important;
                  margin: 5px !important;
                  width: 150px !important;
                }
                .modal-tel-style .wonder-cv-icon-container {
                  left: 5px !important;
                }
            
                .modal-tel-style .wonder-cv-button-txt-block.wonder-cv-line-txt-block {
                  margin-left: 18px !important;
                }
            
                .modal-tel-flex-4-sp .modal-tel-style {
                  width: 129px !important;
                }
                .modal-tel-style .wonder-cv-icon-container {
                  width: 10px !important;
                }
                .modal-tel-flex-sp {
                  width: 100% !important;
                  display: flex !important;
                }
                .modal-tel-flex-sp-2 {
                  width: 100% !important;
                  display: flex !important;
                }
                .modal-tel-flex-sp-3 {
                  width: 100% !important;
                  display: flex !important;
                }
                .modal-tel-flex-sp-4 {
                  width: 100% !important;
                  display: flex !important;
                }
              }
            
              .modal {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: auto;
                background-color: white;
                padding-top: 60px;
                z-index: 1000;
              }
              .modal-content {
                background-color: #fefefe;
                margin: 5% auto;
                padding: 20px;
                border: 1px solid #888;
                width: 80%;
              }
              .close {
                color: #aaa;
                float: right;
                font-size: 28px;
                font-weight: bold;
              }
              .close:hover,
              .close:focus {
                color: black;
                text-decoration: none;
                cursor: pointer;
              }