@charset "utf-8";

@media(max-width:750px) {

    .pc {
      display: none;
    }

    .sp {
      display: block;
    }

    .housecleaning {
      width: 100%;
      font-family: "Noto Sans JP", sans-serif;
      font-style: normal;
      padding:30px 0 ;
      background-color: #ccffff;
    }
    
    .housecleaning-title {
      width: 98%;
      margin: 0 auto 30px auto; 
    }
    
    .housecleaning-title h3 {
      padding: 1rem 3rem;
      color: #fff;
      border-radius: 25vh;
      background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
      background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
      background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
      font-size:6vw;
      text-align:center;
      margin-bottom:1rem;
      line-height: 1.5;
    }
    
    .housecleaning-contents {
      width:100%;
      margin:0 auto 20px auto;
    }
    
    .housecleaning-contents img {
      display: block;
      width: 100%;
    }
    
    .housecleaning-estimate {
      width:98%;
      margin:0 auto;
    }
    
    .housecleaning-estimate p {
      font-size:16px;
      color:#000;
      line-height:1.2;
      margin-bottom:30px;
    }
    
    .housecleaning-estimate a {
      display:block;
      width:98%;
      margin:0 auto;
      color:#fff;
      font-size:4.6vw;
      line-height:2;
      text-align:center;
      font-weight: bold;
    }
    
    .housecleaning-estimate a:nth-of-type(1) {
      background-color:#0000aa;
      box-shadow:0 10px #000055;
      letter-spacing: 1px;
    }
    
    .housecleaning-estimate a:nth-of-type(1):hover {
      box-shadow:none;
      position: relative;
      top:10px;
      opacity:unset;      
    }

}