.pc {
  display: block !important; }

.sp {
  display: none !important; }

@media only screen and (max-width: 700px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; } }
@media only screen and (max-width: 700px) {
  img {
    max-width: 100%; } }
* {
  margin: 0px;
  padding: 0px; }

@media (min-width: 1024px) {
  .bg-01 {
    background-color: #f6c7ce; }

  .bg-02 {
    background-color: #fbe4e7; }

  .bg-03 {
    background-color: #dff0f4;
    width: 50%;
    float: left; }

  .bg-04 {
    background-color: #fff4d6;
    width: 50%;
    float: left; }

  .container-pet {
    position: relative;
    width: 1024px;
    margin: 0 auto; }
    .container-pet img {
      max-width: 100%;
      height: auto; }

  .content-ofuda img {
    position: absolute;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%);
    bottom: 5%;
    margin: 0;
    padding: 0; }

  .harf-content::after {
    content: "";
    display: block;
    clear: both; }

  .content-kotsutsubo img,
  .content-memorialgoods img {
    width: 512px; }

  .content-kotsutsubo img {
    float: right; }

  .access img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px; }

  .tel-pet {
    margin: 0 auto;
    width: 80%;
    margin-bottom: 50px; }

  .btn-totop {
    margin: 0 auto;
    width: 40%;
    margin-bottom: 50px; } }
@media (max-width: 1023px) {
  .bg-01 {
    background-color: #f6c7ce; }

  .bg-02 {
    background-color: #fbe4e7; }

  .bg-03 {
    background-color: #dff0f4; }

  .bg-04 {
    background-color: #fff4d6; }

  .container-pet {
    position: relative;
    margin: 0 auto;
    padding: 0 4%; }
    .container-pet img {
      max-width: 100%;
      height: auto; }

  .content-ofuda img {
    position: absolute;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%);
    bottom: 5%;
    margin: 0;
    padding: 0;
    width: 95%; }

  .harf-content::after {
    content: "";
    display: block;
    clear: both; }

  .content-kotsutsubo img,
  .content-memorialgoods img {
    max-width: 80%;
    height: auto;
    margin: 0 auto; }

  .access img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px; }

  .tel-pet {
    margin: 0 auto;
    width: 80%;
    margin-bottom: 30px; }

  .btn-totop {
    margin: 0 auto;
    width: 60%;
    margin-bottom: 30px; } }

/*# sourceMappingURL=lp-pet.css.map */