@charset "utf-8";
:root {
}
@media screen and (min-width:441px) {
  .page {
    font-size: 1.15em;
    margin: 0 auto;
    padding: 0 0 2em 0;
    width: 940px;

    p:nth-of-type(1) {
      margin-bottom: 30px;
    }
    p:nth-of-type(2) {
      margin-bottom: 40px;
    }
    p:nth-of-type(3) {
      margin-bottom: 40px;
    }
    p:nth-of-type(4) {
      margin-bottom: 60px;
    }
    p:nth-of-type(5) {
      margin-bottom: 25px;
    }
    p:nth-of-type(6) {
      margin-bottom: 65px;
    }
    p:nth-of-type(7) {
      margin-bottom: 40px;
    }
    p:nth-of-type(8) {
      margin-bottom: 70px;
    }
    ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 35px;
    }
    p:nth-of-type(9) {
      margin-bottom: 50px;
    }
    p:nth-of-type(10) {
      margin-bottom: 65px;
    }
    p:nth-of-type(11) {
      margin-bottom: 65px;
    }
    .spec {
      margin-bottom: 60px;
      p {
        font-weight: bold;
      }
      table {
        font-size: 14px;
        th {
            width: 200px;
            background-color: #fafafa;
        }
        th, td {
          padding: 14px 32px;
          border: 1px solid #e8e8e8;
        }
      }
    }
    p:nth-of-type(12) {
      margin-bottom: 65px;
    }
    p:nth-of-type(13) {
      margin-bottom: 65px;
    }
    p:nth-of-type(14) {
      margin-bottom: 65px;
    }
  }
}
@media screen and (max-width:440px) { 
  .page {
    font-size: 0.85em;
    padding: 0 0 2em 0;
    width: 92%;
    margin: 0 auto;
    
    img {
      width: 100%;
    }
    p:nth-of-type(1) {
      margin-bottom: 10px;
    }
    p:nth-of-type(2) {
      margin-bottom: 10px;
    }
    p:nth-of-type(3) {
      margin-bottom: 15px;
    }
    p:nth-of-type(4) {
      margin-bottom: 20px;
    }
    p:nth-of-type(5) {
      margin-bottom: 15px;
    }
    p:nth-of-type(6) {
      margin-bottom: 20px;
    }
    p:nth-of-type(7) {
      margin-bottom: 10px;
    }
    p:nth-of-type(8) {
      margin-bottom: 20px;
    }
    ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 20px;
      
      li {
        width: 48.5%;
      }
    }
    p:nth-of-type(9) {
      margin-bottom: 20px;
    }
    p:nth-of-type(10) {
      margin-bottom: 20px;
    }
    p:nth-of-type(11) {
      margin-bottom: 20px;
    }
    .spec {
      margin-bottom: 20px;
      p {
        font-weight: bold;
      }
      table {
        th {
            width: 90px;
            background-color: #fafafa;
        }
        th, td {
          padding: 8px;
          border: 1px solid #e8e8e8;
        }
      }
    }
    p:nth-of-type(12) {
      margin-bottom: 20px;
    }
    p:nth-of-type(13) {
      margin-bottom: 20px;
    }
    p:nth-of-type(14) {
      margin-bottom: 0px;
    }
  }
}