#app {
  overflow: inherit;
  height: auto; }

.strong{
  font-weight: bold;
}
.w-index {
  padding: 50px 0; }
  .w-index-h1 {
    font-size: 26px;
    margin: 0 20px;
    text-align: center; }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .w-index-h1 {
        /*padding: 0 0.7rem;*/
        text-align:left;
        font-size: 22px; } }
  .w-index-specifications {
    font-size: 16px;
    margin: 50px 0;
    margin-top: 30px;
    background-color: #F6F6F6;
    border: 1px solid #DDDDDD;
    display: flex; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .w-index-specifications {
        margin: 50px 30px;
        margin-top: 30px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .w-index-specifications {
        text-align: left;
        margin: 20px;
        margin-bottom: 40px; } }
    .w-index-specifications-left {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 25%;
      padding: 30px;
      border-right: 1px solid #ddd;
      box-sizing: border-box; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-specifications-left {
          width: 32%;
          font-size: 14px; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-specifications-left {
          width: 45%;
          padding: 15px;
          font-size: 14px; } }
    .w-index-specifications-right {
      width: 74%;
      padding: 30px 50px;
      box-sizing: border-box; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-specifications-right {
          width: 66%;
          font-size: 14px; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-specifications-right {
          width: 66%;
          padding: 30px 15px;
          font-size: 14px; } }
      .w-index-specifications-right p {
        margin-bottom: 10px; }
        .w-index-specifications-right p:last-child {
          margin-bottom: 0px; }
  .w-index-file {
    font-size: 16px;
    margin: 50px 0;
    margin-top: 30px;
    background-color: #F6F6F6;
    border: 1px solid #DDDDDD; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .w-index-file {
        margin: 50px 30px;
        margin-top: 30px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .w-index-file {
        text-align: left;
        margin: 20px;
        margin-bottom: 40px; } }
    .w-index-file-item {
      display: flex;
      border-bottom: 1px solid #ddd; }
      .w-index-file-item:last-child {
        border-bottom: 0px; }
      .w-index-file-item:nth-child(2n-0) {
        background-color: #fff; }
    .w-index-file-left {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      width: 25%;
      padding: 30px;
      border-right: 1px solid #ddd;
      box-sizing: border-box; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-file-left {
          width: 32%;
          font-size: 14px;
          text-align: center; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-file-left {
          width: 45%;
          padding: 15px;
          font-size: 14px;
          text-align:left;
          justify-content: left; } }
    .w-index-file-right {
      width: 74%;
      padding: 30px 50px;
      box-sizing: border-box; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-file-right {
          width: 66%;
          font-size: 14px; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-file-right {
          width: 66%;
          padding: 30px 15px;
          font-size: 14px; } }