@media screen and (min-width:768px) {
  .pc {
    display: block !important;
  }

  .sp {
    display: none !important;
  }

  body, h1, h2, h3, p, ul {
    margin: 0;
  }

  img {
    max-width: 100%;
  }

  ul, ol {
    padding-left: 4vw;
    margin-top: 0px;
  }

  /*ホーム*/
  /*header*/
  header {
    background-color: #f8f8ff;
        box-shadow: 0px 3px 7px -3px #c0c0c0;
        position: fixed;
        width: 100%;
        z-index: 999;
  }

  .nav {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
  }

  .Category {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 10px;
    margin-left: 0;
    width: 70%;
  }

  .Category li {
    width: 15%;
    margin: 1% 3% 0%;
  }

  .home {
    margin: 1% 0% 1% 1% !important;
  }

  .sns {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    width: 20%;
  }

  .sns li {
    width: 20%;
    margin: 16% 7% 0;
  }

  .logo {
    width: 8% !important;
    margin: 0% 3% 0% !important;
  }

  .blog {
    width: 30% !important;
    margin: 13% 7% 0 !important;
  }

main{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
}
  /*main_kv*/
  .kv h1 {
    font-family: "Meiryo";
    color: #dc143c;
    font-weight: bold;
    text-align: center;
    font-size: 1.6vw;
    position: absolute;
    top: 13vw;
    left: 12%;
    right: 12%;
  }

  /*contents*/

  .contents01, .contents02, .contents03, .contents04, .contents05, .contents06 {
    margin: 2vw 0;
  }

  a {
    text-decoration: none;
  }

  .title02 {
    font-family: "Meiryo";
    font-size: 2vw;
    margin: 10px 0;
    display: inline-block;
    box-shadow: 0px -6px 5px -4px #ff0 inset, 0px 8px 4px -8px #FF0;
  }

  .title05 {
    font-family: "Meiryo";
    font-size: 2vw;
        margin: 10vw 0 2vw;
    display: inline-block;
    box-shadow: 0px -6px 5px -4px #ff0 inset, 0px 8px 4px -8px #FF0;
  }

  .text01 {
    font-family: "Meiryo";
    font-size: 1.2vw;
  }

  .text01 img {
    width: 3vw;
    vertical-align: bottom;
  }

  .text02 {
    font-family: "Meiryo";
    font-size: 1.2vw;
  }

  .text03 {
    width: 70%;
    margin: 1%;
  }

  .text03 p {
    font-size: 1.2vw;
        margin-top: 1vw;
  }

  .text04 {
    font-family: "Meiryo";
    display: inline-block;
    float: left;
    width: 42vw;
    margin: 1.7vw 0.5vw 0;
    font-size: 1.2vw;
  }

  .text05 {
    text-align: center;
    font-size: 2vw;
    margin-top: 5vw;
    font-family: "HG丸ｺﾞｼｯｸM-PRO";
  }

  .point {
    font-family: "Meiryo";
    font-size: 1.2vw;
    color: red;
  }

  /*contents02*/
  .new {
    background-color: #F6D4D8;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    z-index: 0;
    margin: 0 auto;

  }

  .new_img img {
    margin: 0 10px;
    width: 20vw;
  }

  .new ul {
    list-style: none;
  }

  .new li {
    margin-bottom: 10px;
  }

  .new span {
    font-weight: bold;
    color: #191970;
    font-size: 1.4vw;
  }

  .new:before {
    border: 1px solid #fff;
    /* 白い実線 */
    border-radius: 5px;
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 4px;
    z-index: -1;
  }

  /*contents03*/
  .pet {
    text-align: center;
    margin: 30px;
  }

  /*contents05*/
  td {
    font-size: 1.2vw;
  }

  table {
    background-color: #ffffe0;
    margin: 0 auto;
  }

  /*contents06*/
  .contents06 {
    padding: 0.7em 0.7em;
    margin: 0 auto;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 5px #d6ebff;
    border: dashed 2px white;
    max-width: 800px;
  }
  .profile{
    display: flex;
    justify-content: flex-end;
  }
.iijimasan{
  width: 25%;
      margin: 3%;
}


  /*footer*/
  footer {
    background-color: #f0ffff;
    padding: 10px;
    margin-top: 5%;
    position: relative;
  }

  .logo2 {
    text-align: center;
  }

  .logo2 img {
    width: 35vw;
    margin: 1%;
  }

  .tel p {
    font-size: 1.8vw;
    display: inline-block;
    vertical-align: top;
  }
  .tel2{
    font-size: 1.2vw;
  }

  .tel img {
    width: 1.5vw;
    margin: 0% 1%;
    display: inline-block;
  }

  .mail p {
    font-size: 1.5vw;
    display: inline-block;
    vertical-align: top;
  }

  .mail img {
    width: 2vw;
    margin: 0% 1%;
    display: inline-block;
  }

  .tel_mail {
    float: left;
    margin: 0 0.5vw;
  }
.yoyaku{
  position: absolute;
  right: 2%;
      bottom: 10%;
}
  .yoyaku a {
    font-family: "Meiryo";
    text-decoration: none;
    background-color: #dc143c;
    color: #fff;
    font-size: 1.5vw;
    padding: 5%;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 15vw;
    margin: 1vw 0.5vw 0;
    border-radius: 10px;
  }

  #pageTop {
      position: fixed;
      bottom: 30%;
          right: 0;
      z-index: 999;
  }
  #pageTop img {
    width: 65%;
}

  /* お留守番写真集*/
  .center {
    text-align: center;
  }

  .pet_photo {
    list-style: none;
        padding-left: 0;
    margin: 0 auto;
    color: #565656;
    background: #ff7f7f;
    box-shadow: 0px 0px 0px 5px #ff7f7f;
    border: dashed 2px #ffc3c3;
    display: flex;
    flex-wrap: wrap;
  }

  .pet_photo li {
    margin: 1%;
    width: 23%;
  }

  .pet_photo li p {
    text-align: center;
    color: #fff;
    font-family: "Meiryo";
    font-weight: bold;
  }

  .pet_photo img {
    border-radius: 50px;
    border: 1px solid #d3d3d3;
    padding: 5px;
    background-color: #fff;
  }

  /* サービス内容*/
  ol li {
    margin: 30px 0;
  }

  .li1 {
    margin: 5px 0;
  }

  .service_photo {
    list-style: none;
    padding-left: 0;
    margin: 0 0 3%;
    color: #565656;
    background: #5f9ea0;
    box-shadow: 0px 0px 0px 5px #5f9ea0;
    border: dashed 2px #ffff00;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .service_photo li {
    margin: 1%;
  width: 23%;
  }

  .service_photo li p {
    text-align: center;
    color: #fff;
    font-family: "Meiryo";
    font-weight: bold;
    font-size: 1.2vw;
  }

  .service_photo img {
    border-radius: 10px;
    border: 1px solid #d3d3d3;
    padding: 2px;
    background-color: #fff;
  }

  /* お問い合わせ*/
  form {
    margin: 30px auto;
    padding: 3vw;
    border: 2px solid #696969;
    color: #008080;
    font-size: 1.5vw;
    font-family: "Meiryo";
  }

  .cel {
    margin: 30px 0px;
  }

  label {
    display: inline-block;
    width: 40%;
    text-align: left;
  }

  .cel p {
    display: inline-block;
    width: 40%;
    text-align: left;
  }

  input, textarea {
    font-size: 1.2vw;
    width: 58%;
    box-sizing: border-box;
    border: 1px solid #999;
  }

  .button2 input {
    font-size: 1.2vw;
    width: 30%;
    box-sizing: border-box;
    border: 1px solid #008000;
    background-color: #008000;
    color: #fff;
    height: 45px;
  }

  .osumesu input {
    width: 10%;
    height: 25px;
  }

  input[type="checkbox"i] {
    margin: 0;
    padding: 0;
    width: 5%;
    vertical-align: middle;
  }

  select {
    font-size: 1.2vw;
    box-sizing: border-box;
    border: 1px solid #999;
  }

  input:focus, textarea:focus {
    border-color: #000;
  }

  textarea {
    vertical-align: top;
    height: 15em;
  }

  .button {
    padding-left: 90px;
  }

  button {
    margin-left: 10px;
  }

  .button2 {
    text-align: center;
    margin: 30px 0px;
  }

  /* micro clearfx */
  .cf:before,
  .cf:after {
    content: "";
    display: table;
  }

  .cf:after {
    clear: both;
  }

  .cf {
    zoom: 1;
  }

  /* For IE 6/7 */
}

@media screen and (max-width:768px) {
  .kv h1 {
    top: 15vw;
  }
  #pageTop {
    position: fixed;
    bottom: 9%;
    right: -18%;
    z-index: 999;
}
.title05 {
    margin: 13vw 0 2vw;
}
}