.l-main {
  width: 100%;
  margin: 80px 0; }
  @media screen and (max-width: 768px) {
    .l-main {
      margin: 8vw 0 34.6666666667vw; } }
  .l-main .banner {
    width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .l-main .banner {
        width: 95%;
        margin: 0 auto; } }
    .l-main .banner img {
      display: block;
      width: 100%; }
  .l-main .shop-list {
    width: 1200px;
    margin: 70px auto 0; }
    @media screen and (max-width: 768px) {
      .l-main .shop-list {
        width: 95%;
        margin: 13.3333333333vw auto 0; } }
    .l-main .shop-list h2 {
      font-size: 34px;
      font-weight: bold;
      line-height: 1.44; }
      @media screen and (max-width: 768px) {
        .l-main .shop-list h2 {
          font-size: 6.4vw; } }
    .l-main .shop-list ul {
      margin-top: 50px;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .l-main .shop-list ul {
          margin-top: 8.5333333333vw;
          display: block; } }
      .l-main .shop-list ul li {
        width: 390px;
        border: solid 2px #DFDFDF;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 15px 15px 20px 15px; }
        @media screen and (max-width: 768px) {
          .l-main .shop-list ul li {
            width: 100%;
            border: solid 0.5333333333vw #DFDFDF;
            padding: 5.3333333333vw; } }
        @media screen and (max-width: 768px) {
          .l-main .shop-list ul li:nth-of-type(n+2) {
            margin-top: 5.3333333333vw; } }
        .l-main .shop-list ul li h3 {
          font-size: 16px;
          font-weight: bold;
          line-height: 1.5; }
          @media screen and (max-width: 768px) {
            .l-main .shop-list ul li h3 {
              font-size: 4.2666666667vw; } }
        .l-main .shop-list ul li .content {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 15px; }
          @media screen and (max-width: 768px) {
            .l-main .shop-list ul li .content {
              display: block;
              margin-top: 4vw; } }
          .l-main .shop-list ul li .content img {
            display: block;
            width: 160px;
            height: 118px; }
            @media screen and (max-width: 768px) {
              .l-main .shop-list ul li .content img {
                width: 100%;
                height: 42.6666666667vw;
                object-fit: cover; } }
          @media screen and (max-width: 768px) {
            .l-main .shop-list ul li .content .button {
              margin-top: 4vw; } }
          .l-main .shop-list ul li .content .button dl {
            display: flex;
            font-size: 16px;
            border-bottom: solid 1px #DFDFDF;
            padding: 0 0 5px 0; }
            @media screen and (max-width: 768px) {
              .l-main .shop-list ul li .content .button dl {
                display: none; } }
            .l-main .shop-list ul li .content .button dl dt {
              margin-right: 10px; }
          .l-main .shop-list ul li .content .button a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 180px;
            height: 40px;
            border-radius: 5px;
            text-decoration: none;
            box-sizing: border-box;
            font-size: 16px; }
            @media screen and (max-width: 768px) {
              .l-main .shop-list ul li .content .button a {
                width: 100%;
                height: 14.6666666667vw;
                border-radius: 1.3333333333vw;
                font-size: 5.3333333333vw; } }
            .l-main .shop-list ul li .content .button a:nth-of-type(1) {
              display: none; }
              @media screen and (max-width: 768px) {
                .l-main .shop-list ul li .content .button a:nth-of-type(1) {
                  display: flex;
                  color: #333;
                  font-weight: bold;
                  border: solid 0.2666666667vw #DFDFDF; } }
              .l-main .shop-list ul li .content .button a:nth-of-type(1):before {
                content: "";
                display: block;
                background: url(../../img/tel.webp);
                margin-right: 5px;
                background-size: 100% 100%;
                width: 17px;
                height: 18px; }
                @media screen and (max-width: 768px) {
                  .l-main .shop-list ul li .content .button a:nth-of-type(1):before {
                    margin-right: 2.6666666667vw;
                    width: 6.1333333333vw;
                    height: 6.4vw; } }
            .l-main .shop-list ul li .content .button a:nth-of-type(2) {
              color: #fff;
              font-weight: bold;
              background: #07B53B;
              margin-top: 10px; }
              @media screen and (max-width: 768px) {
                .l-main .shop-list ul li .content .button a:nth-of-type(2) {
                  margin-top: 2.6666666667vw; } }
              .l-main .shop-list ul li .content .button a:nth-of-type(2):before {
                content: "";
                display: block;
                background: url(../../img/line.webp);
                margin-right: 5px;
                background-size: 100% 100%;
                width: 22px;
                height: 21px; }
                @media screen and (max-width: 768px) {
                  .l-main .shop-list ul li .content .button a:nth-of-type(2):before {
                    margin-right: 2.6666666667vw;
                    width: 7.7333333333vw;
                    height: 7.4666666667vw; } }

/*# sourceMappingURL=index.css.map */