@charset "utf-8";

@media(max-width:750px) {

    .pc {
      display: none;
    }

    .sp {
      display: block;
    }

    .top {
      width: 100%;
    }

    .apart-attention {
      width: 98%;
      margin: 10px auto;
    }

    .apart-attention p {
      font-size: 14px;
      background-color: #ffffcc;
      line-height: 1.5;
      font-weight: bold;
    }    

    .top-image {
      width: 100%;
      background-image: url("../images/top/title-sp.jpg");
      background-size: cover;
      padding: 5vw;
    }
    
    .top-image h1 {
      font-family: "Noto Serif JP", serif;
      font-weight: bold;
      font-style: normal;
      width: 100%;
      margin:0 auto 3vw auto;
      text-align:center;
      font-size: 6vw;
      color: #000;
      line-height: 1.5;
    }
    .top-tel {
      width: 98%;
      padding: 3vw 2vw;
      margin: 0 auto;
      background-color: rgba(255,255,255,0.7);
      color: #000;
      font-weight: bold;
      line-height: 1.5;
    }

    .top-tel-title {
      text-align: right;
      font-size: 5vw;
    }

    .top-tel-title a {
      color: #000;
      font-size: 6vw;
    }

    .top-image h1:nth-of-type(2) {
      padding-bottom:4vw;
    }
    
    /*マンションのつよみ*/
    .apart-strong {
      width: 100%;
      background-image: url("../images/top/a-strong-sp.jpg");
      background-size: cover;
    }
    
    .apart-strong-contents {
      padding: 20px 0 0 0;
    }
    
    .apart-strong-contents h2 {
      font-family: "Noto Serif JP", serif;
      font-weight: bold;
      font-style: normal;
      width: 100%;
      margin:0 auto;
      text-align:center;
      font-size:5vw;
      line-height: 2;
      color: #fff;
      padding-bottom:30px;
    }
    
    .apart-strong h3 {
      font-family: "Noto Serif JP", serif;
      font-style: normal;
      width: 98%;
      margin:0 auto;
      font-size:4vw;
      line-height:1.5;
      text-align:center;
      background-color:rgba(255,255,255,0.7);
      /*border-radius:;*/
      color:#000;
    }
    
    .apart-strong-flex {
      padding:30px 0;
      width: 98%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
    }
    
    .apart-strong-flex li {
      width:90%;
      margin: 0 auto;
    }
    
    .apart-strong-flex li h4 {
      font-family: "Noto Serif JP", serif;
      font-style: normal;
      font-size:4vw;
      border-bottom:2px solid #fff;
      line-height:2;
      text-align:center;
      color:#fff;
    }

    .apart-strong-flex li h5 {
      font-family: "Noto Serif JP", serif;
      font-weight: bold;
      font-style: normal;
      font-size:5vw;
      line-height:2.5;
      text-align:center;
      color:#fff;
      letter-spacing:2px;
    }
    
    /*東京ガスのつよみ*/
    .apart-strong-gas {
      width: 100%;
      background-color:#eee;
      padding:20px 0;
      font-family: "Noto Serif JP", serif;
      font-style: normal;
    }
    
    .apart-strong-gas ul {
      width: 98%;
      display:flex;
      margin:0 auto;
      flex-direction: column;
    }
    
    .apart-strong-gas ul li {
      width:100%;
      background-color:#fff;
      padding:0 20px;
    }
    
    .apart-strong-gas ul li h4 {
      font-size:4vw;
      text-align:center;
      font-weight:bold;
      line-height:2;
      border-bottom:1px solid #000;
      color:#000;
    }
    
    .apart-strong-gas ul li p {
      font-size:16px;
      line-height:1.7;
      color:#000;
    }
}