@charset "utf-8";
#container img {
  max-width: 100%;
  max-height: 100%;
}
#container .items {
  display: flex;
  flex-wrap: wrap;
}
#container .items .imgs img {
  display: inline-block;
}
#container .pdfWrap {
  background: #f2f2f2;
}
#container .pdfImg {
  text-align: center;
}
#container .pdfBtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#container .pdfBtn a {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  border: #E2E2E2 solid 1px;
  border-radius: 5px;
  padding: 1em 2em;
  text-align: center;
  text-decoration: none;
  color: #1F1F1F;
  font-weight: 700;
  background-color: #fff;
}
#container .pdfBtn a::before {
  content: '';
  display: inline-block;
  background: url("../common/images/icon_pdf02.png") no-repeat center center;
  width: 13px;
  height: 15px;
}
@media screen and (min-width: 481px) { /*pc*/
  #container .mainVisulal {
    margin-bottom: 50px;
  }
  #container .items {
    gap: 40px;
  }
  #container .items:nth-child(even) {
    flex-direction: row-reverse;
  }
  #container .items + .items {
    margin-top: 60px;
  }
  #container .items .texts {
    flex: 1;
  }
  #container .items .imgs {
    max-width: 470px;
  }
  #container .items .imgs img {
    max-height: 320px;
  }
  #container .pdfWrap {
    margin-top: 70px;
    margin-bottom: 80px;
    padding: 30px;
  }
  #container .pdfBtn {
    margin-top: 15px;
  }
  #container .items + .pdfBtn {
    margin-top: 25px;
  }
  #container .pdfBtn a {
    transition: all 0.3s ease;
  }
}
@media screen and (max-width: 480px) { /*sp*/
  #container .mainVisulal {
    margin-bottom: 12vw;
  }
  #container .items {
    gap: 4vw;
  }
  #container .items + .items {
    margin-top: 10vw;
  }
  #container .items .imgs {
    width: 100%;
    text-align: center;
  }
  #container .pdfWrap {
    margin-top: 10vw;
    margin-bottom: 8vw;
    padding: 3vw;
  }
  #container .pdfBtn {
    margin-top: 3vw;
  }
  #container .items + .pdfBtn {
    margin-top: 4vw;
  }
  #container .pdfBtn a::before {
    background: url("../common/images/icon_pdf02_sp.png") no-repeat center center / 13px 15px;
  }
}