.social {
  background: -webkit-linear-gradient(0deg, rgb(0, 145, 58) 0%, rgb(5, 166, 111) 49%, rgb(52, 182, 52) 100%);
}

.social-btn-wrapper {
  position: relative;
}

.social-btn-wrapper .discount {
  position: absolute;
  top: -3px;
  left: -5px;
}

.social-btn {
  position: relative;
  border-radius: 5px;
}

.social-btn-wrapper::after {
  content: '';
  position: absolute;
  top: calc(50% - 6px);
  right: 0.75rem;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: transparent;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(-45deg)
}

.line-btn {
  position: relative;
  box-shadow: 0px 4px 0px 0px rgba(0, 121, 0, 1);
}

.mail-btn {
  position: relative;
  box-shadow: 0px 4px 0px 0px rgba(183, 126, 16, 1);
}

.tel-btn {
  box-shadow: 0px 4px 0px 0px rgba(0, 96, 25, 1);
}

.video-chat-btn {
  box-shadow: 0px 4px 0px 0px rgba(65, 65, 155, 1);
}

.takuhai-chat-btn {
  position: relative;
  box-shadow: 0px 4px 0px 0px rgba(115, 50, 2, 1);
}

.takuhai-chat-btn::before {
  content: '※送料無料';
  color: white;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 80%;
  font-weight: 700;
}

@media screen and (min-width: 1024px) { 
  .social-btn-wrapper::after {
    content: '';
    position: absolute;
    top: calc(50% - 6px);
    right: 1.5rem;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: transparent;
    border-right: 3px solid white;
    border-bottom: 3px solid white;
    transform: rotate(-45deg)
  }

  .social-btn .discount {
    position: absolute;
    margin-top: 1px;
  }
  
  .social-btn .discount img {
    position: relative;
    top: 2px;
    left: 0;
    z-index: 1;
  }
}
@media only screen and (max-width: 768px) {
  .reflect {
    width: 100%;
    height: 80px;
    position: relative;
    overflow: hidden;
    background-color: #666;
  }
  .reflect::after {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transform: rotate(45deg);
    animation: reflect 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflect 3s ease-in-out infinite;
  }
}
@keyframes reflect {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes reflect {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

         .re-camera-4-style .Block-69b2824b-f47f-4b1d-825a-9bd67e116f4d {
              border-color: 000;  padding-top: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 1rem;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Block-69b2824b-f47f-4b1d-825a-9bd67e116f4d {
                  border-color: 000;   padding-top: 2rem; padding-bottom: 2rem;
              }
            }

         .re-camera-4-style .Flexbox-cfd9f58b-fa73-4c9f-990a-a16f59ac1eed {
              flex-direction: row;  align-items: center; width: 100;  border-color: 000; height: 80px;  justify-content: center;
          }

            .Flexbox-cfd9f58b-fa73-4c9f-990a-a16f59ac1eed {
              background: #13BF00
            }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Flexbox-cfd9f58b-fa73-4c9f-990a-a16f59ac1eed {
                  border-color: 000;
              }
            }

         .re-camera-4-style .Image-5a04d824-6672-4109-9022-d248353200ee {
              align-self: center; width: 88.6px; height: 29.34px; display: inline-block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Image-5a04d824-6672-4109-9022-d248353200ee {
                 width: 25px; height: 25px; display: none;
              }
            }

            @media screen and (min-width: 1536px) {
            .Image-5a04d824-6672-4109-9022-d248353200ee {
                 display: none;
              }
            }

         .re-camera-4-style .Flexbox-08dd70fd-3624-4f42-8b84-a02b6bcd5e44 {
              flex-direction: row;  align-items: center; width: 100%;  border-color: 000; height: 80px;  justify-content: center;
          }

            .Flexbox-08dd70fd-3624-4f42-8b84-a02b6bcd5e44 {
              background: #FF8000
            }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Flexbox-08dd70fd-3624-4f42-8b84-a02b6bcd5e44 {
                  border-color: 000;
              }
            }

            @media screen and (min-width: 1536px) {
            .Flexbox-08dd70fd-3624-4f42-8b84-a02b6bcd5e44 {
                  border-color: 000;
              }
            }

         .re-camera-4-style .Image-6594b69a-0a94-4c43-9518-0b14a0c4e0f8 {
             width: 88.6px; height: 29.34px; display: inline-block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Image-6594b69a-0a94-4c43-9518-0b14a0c4e0f8 {
                 width: 25px; height: 25px; display: none;
              }
            }

            @media screen and (min-width: 1536px) {
            .Image-6594b69a-0a94-4c43-9518-0b14a0c4e0f8 {
                 display: none;
              }
            }

         .re-camera-4-style .Flexbox-adb169d5-7310-459b-ba69-1288884eaec0 {
              flex-direction: column;  border-color: #FFFFFF; border-style: solid; border-width: 0 0 1px 0;  padding-bottom: 1rem;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Flexbox-adb169d5-7310-459b-ba69-1288884eaec0 {
                   flex-wrap: wrap; flex-direction: row;  align-items: center; width: 1050px;  border-color: 000;   margin-left: auto; margin-right: auto;  justify-content: center;
              }
            }

            @media screen and (min-width: 1536px) {
            .Flexbox-adb169d5-7310-459b-ba69-1288884eaec0 {
                  align-items: center;  border-color: 000;
              }
            }

         .re-camera-4-style .GridColumn-de9c0ad8-1adf-4203-8f0a-8920d3559e0e {
              row-gap: 1rem;   grid-template-columns: repeat(1, minmax(0, 1fr)); width: auto;  border-color: 000;  margin-top: 1rem;  padding-left: 1rem; padding-right: 1rem;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .GridColumn-de9c0ad8-1adf-4203-8f0a-8920d3559e0e {
                   grid-template-columns: repeat(3, minmax(0, 1fr)); width: 1040px;  border-color: 000;  column-gap: 0.5rem;  margin-top: 1.5rem; margin-left: auto; margin-right: auto;
              }
            }

            .Text-6f034c51-a8a8-4988-b677-e48f895f2125 {
              color: #FFFFFF
            }

         .re-camera-4-style .Text-6f034c51-a8a8-4988-b677-e48f895f2125 {
              font-size: 11px;  text-align: center;  word-break: break-all;  white-space: pre-wrap;  margin-top: 2rem; display: block;  padding-left: 1rem; padding-right: 1rem;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Text-6f034c51-a8a8-4988-b677-e48f895f2125 {
                  font-size: 16px; font-weight: 500;  text-align: center;  word-break: normal;  white-space: pre-wrap; width: fit-content;  margin-left: auto; margin-right: auto; display: block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Text-6f034c51-a8a8-4988-b677-e48f895f2125 {
                  text-align: center;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

         .re-camera-4-style .Image-8e31a902-a50f-4cfe-a18d-5b4a3f056e62 {
             width: 45px; height: 45px; display: none;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Image-8e31a902-a50f-4cfe-a18d-5b4a3f056e62 {
                 width: 115px; height: 51px; display: inline-block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Image-8e31a902-a50f-4cfe-a18d-5b4a3f056e62 {
                 display: inline-block;
              }
            }

         .re-camera-4-style .Image-d9d41c54-7cb9-4a85-a8f9-880efa434154 {
             width: 45px; height: 45px; display: inline-block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Image-d9d41c54-7cb9-4a85-a8f9-880efa434154 {
                 width: 25px; height: 25px; display: inline-block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Image-d9d41c54-7cb9-4a85-a8f9-880efa434154 {
                 display: inline-block;
              }
            }

            .Text-b4e9ceb5-078d-43ed-befb-4615b188e179 {
              color: #FFFFFF
            }

         .re-camera-4-style .Text-b4e9ceb5-078d-43ed-befb-4615b188e179 {
              font-size: 120%; font-weight: 700;  line-height: 1.2;  text-align: left;  word-break: normal;  white-space: pre-wrap;  margin-left: 5px; display: block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Text-b4e9ceb5-078d-43ed-befb-4615b188e179 {
                  font-size: 130%; font-weight: 700;  text-align: center;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Text-b4e9ceb5-078d-43ed-befb-4615b188e179 {
                  text-align: left;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

            .Text-a7a0cb15-7a9a-418c-b0dc-d1bef96fdbf1 {
              color: #FFFFFF
            }

         .re-camera-4-style .Text-a7a0cb15-7a9a-418c-b0dc-d1bef96fdbf1 {
              font-weight: 700;  text-align: center;  word-break: normal;  white-space: pre-wrap;  margin-left: auto; margin-right: auto; display: block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Text-a7a0cb15-7a9a-418c-b0dc-d1bef96fdbf1 {
                  font-size: 35px;  text-align: center;  word-break: normal;  white-space: normal; width: fit-content;  margin-left: 0; margin-right: 0; display: block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Text-a7a0cb15-7a9a-418c-b0dc-d1bef96fdbf1 {
                  text-align: left;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

            .Text-8bae888c-4f21-4fdb-8afe-5873aa9cb7fd {
              color: #FFFFFF
            }

         .re-camera-4-style .Text-8bae888c-4f21-4fdb-8afe-5873aa9cb7fd {
              font-weight: 700;  text-align: center;  word-break: normal;  white-space: pre-wrap;  margin-left: auto; margin-right: auto; display: block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Text-8bae888c-4f21-4fdb-8afe-5873aa9cb7fd {
                  font-size: 35px;  text-align: center;  word-break: normal;  white-space: normal;  margin-left: 0; margin-right: 0; display: block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Text-8bae888c-4f21-4fdb-8afe-5873aa9cb7fd {
                  text-align: left;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

         .re-camera-4-style .Image-cb5ebb2a-fe36-42a8-97b4-33d7030f4ce8 {
             width: 45px; height: 45px; display: none;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Image-cb5ebb2a-fe36-42a8-97b4-33d7030f4ce8 {
                 width: 115px; height: 51px; display: inline-block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Image-cb5ebb2a-fe36-42a8-97b4-33d7030f4ce8 {
                 display: inline-block;
              }
            }

         .re-camera-4-style .Image-cba92c55-63be-4d1e-ab4c-810f7e8c6f2d {
             width: 45px; height: 45px; display: inline-block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Image-cba92c55-63be-4d1e-ab4c-810f7e8c6f2d {
                 width: 25px; height: 25px; display: inline-block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Image-cba92c55-63be-4d1e-ab4c-810f7e8c6f2d {
                 display: inline-block;
              }
            }

            .Text-4ca4ffbd-0480-44c1-888f-8cbecdbec5e4 {
              color: #FFFFFF
            }

         .re-camera-4-style .Text-4ca4ffbd-0480-44c1-888f-8cbecdbec5e4 {
              font-size: 120%; font-weight: 700;  line-height: 1.2;  text-align: left;  word-break: normal;  white-space: pre-wrap;  margin-left: 5px; display: block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Text-4ca4ffbd-0480-44c1-888f-8cbecdbec5e4 {
                  font-size: 130%; font-weight: 700;  text-align: left;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Text-4ca4ffbd-0480-44c1-888f-8cbecdbec5e4 {
                  text-align: left;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

         .re-camera-4-style .Image-2421d1db-19cc-4939-b799-bb83f436d16c {
             width: 45px; height: auto;  margin-top: 2px; margin-left: 0; margin-right: 0; margin-bottom: 0; display: inline-block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Image-2421d1db-19cc-4939-b799-bb83f436d16c {
                 width: 33px; height: auto; display: inline-block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Image-2421d1db-19cc-4939-b799-bb83f436d16c {
                 display: inline-block;
              }
            }

            .Text-ba682246-5e40-4e96-b264-82d918916f83 {
              color: #FFFFFF
            }

         .re-camera-4-style .Text-ba682246-5e40-4e96-b264-82d918916f83 {
              font-size: 120%; font-weight: 700;  line-height: 1.2;  text-align: left;  word-break: normal;  white-space: pre-wrap;  margin-left: 5px; display: block;
          }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Text-ba682246-5e40-4e96-b264-82d918916f83 {
                  font-size: 130%; font-weight: 700;  text-align: left;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

            @media screen and (min-width: 1536px) {
            .Text-ba682246-5e40-4e96-b264-82d918916f83 {
                  text-align: left;  word-break: normal;  white-space: pre-wrap; display: block;
              }
            }

         .re-camera-4-style .Block-15944c96-d621-42cf-acd8-bbb36421bd01 {
              border-color: 000;
          }

         .re-camera-4-style .Block-66e06feb-b421-4d2f-a2f2-32c6938f0dc3 {
              border-color: 000;
          }

         .re-camera-4-style .Flexbox-e25d501e-b415-47cb-b132-d5cf045ba44a {
              flex-direction: row;  align-items: center; width: 100%;  border-color: 000; height: 80px;  justify-content: center;
          }

            .Flexbox-e25d501e-b415-47cb-b132-d5cf045ba44a {
              background: #00913A
            }

            @media screen and (min-width: 1024px) {
            .re-camera-4-style .Flexbox-e25d501e-b415-47cb-b132-d5cf045ba44a {
                  border-color: 000;
              }
            }