@charset "utf-8";

@media(min-width:750px) {

    .pc {
      display: block;
    }

    .sp {
      display: none;
    }

    .top {
      width: 100%;
    }

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

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

    .top-image {
      width: 100%;
      background-image: url("../images/top/title-pc.jpg");
      background-size: cover;
      padding: 3vw;
    }
    
    .top-image h1 {
      font-family: "Noto Serif JP", serif;
      font-weight: bold;
      font-style: normal;
      width: 100%;
      margin:0 auto 2vw auto;
      text-align:center;
      font-size: 3vw;
      color: #000;
      letter-spacing: 0.3vw;
    }

    .top-tel {
      width: 80%;
      padding: 2vw 1vw;
      margin: 0 auto;
      background-color: rgba(255,255,255,0.7);
      color: #000;
      font-weight: bold;
    }

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

    .top-tel-title a {
      color: #000;
      font-size: 3vw;
    }
    
    .top-image h1:nth-of-type(2) {
      padding-bottom:4vw;
    }
    
    /*マンションのつよみ*/
    .apart-strong {
      width: 100%;
      background-image: url("../images/top/a-strong.jpg");
      background-size: cover;
    }
    
    .apart-strong-contents {
      padding: 50px 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:2.3vw;
      line-height: 2;
      color: #fff;
    }
    
    .apart-strong h3 {
      font-family: "Noto Serif JP", serif;
      font-style: normal;
      width: 90%;
      margin:0 auto;
      font-size:1.8vw;
      line-height:2;
      text-align:center;
      background-color:rgba(255,255,255,0.7);
      /*border-radius:;*/
      color:#000;
    }
    
    .apart-strong-flex {
      padding:50px 0;
      width: 90%;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
    }
    
    .apart-strong-flex li {
      width:45%;
      margin: 0 auto;
    }
    
    .apart-strong-flex li h4 {
      font-family: "Noto Serif JP", serif;
      font-style: normal;
      font-size:1.8vw;
      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:2.3vw;
      line-height:2.5;
      text-align:center;
      color:#fff;
      letter-spacing:2px;
    }
    
    /*東京ガスのつよみ*/
    .apart-strong-gas {
      width: 100%;
      background-color:#eee;
      padding:40px 0;
      font-family: "Noto Serif JP", serif;
      font-style: normal;
    }
    
    .apart-strong-gas ul {
      width: 95%;
      display:flex;
      justify-content: space-between;
      margin:0 auto;
    }
    
    .apart-strong-gas ul li {
      width:49%;
      background-color:#fff;
      padding:0 20px;
    }
    
    .apart-strong-gas ul li h4 {
      font-size:2vw;
      text-align:center;
      font-weight:bold;
      line-height:2;
      border-bottom:1px solid #000;
      color:#000;
    }
    
    .apart-strong-gas ul li p {
      font-size:1.7vw;
      line-height:1.8;
      color:#000;
    }
}