@charset "UTF-8";
/***********************共通設定************************/
/*----------------------------------------------------
main
----------------------------------------------------*/
#pageHead {
  height: 440px;
  background-image: url(../images/main_bg2_pc.jpg);
  /* 750以下  */
}
@media all and (max-width: 750px) {
  #pageHead {
    display: none;
  }
}

/* 751以上 */
@media all and (min-width: 751px) {
  .content {
    margin: 0px auto 100px;
  }
}
.pdt_info {
  border-bottom: 5px solid #1B65B9;
  padding: 40px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .pdt_info {
    padding: 10px;
  }
}

.pdt_text {
  font-size: 28px;
  margin: 0 auto;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .pdt_text {
    font-size: 14px;
    margin: 70px 0 0;
  }
}

.pdt_text_lrg {
  font-size: 60px;
  font-weight: bold;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .pdt_text_lrg {
    font-size: 30px;
  }
}

.content_inner {
  margin: 0 auto;
}
.content_inner .pdt_info_wrap {
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .content_inner .pdt_info_wrap {
    width: auto;
  }
}
.content_inner .pdt_catch {
  background: #1B65B9;
  padding: 2px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin: 5px 0 80px;
  font-size: 35px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .content_inner .pdt_catch {
    font-size: 14px;
    margin: 5px 0 0px;
  }
}

.pdt_image {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .pdt_image {
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
            clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
  }
}
.pdt_image p {
  position: absolute;
  left: 210px;
  top: 20px;
  width: 273px;
  text-align: left;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .pdt_image p {
    left: 8px;
    width: 186px;
    font-size: 12px;
    top: 5px;
  }
}

.wave_image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .wave_image {
    margin: 50px 0;
  }
}
.wave_image img {
  width: 25%;
  margin: 10px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .wave_image img {
    width: 45%;
    margin: 10px 0;
  }
}

.pdt_point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 80px auto;
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .pdt_point {
    width: 1100px;
  }
}

.point_image {
  width: 570px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .point_image {
    width: 175px;
  }
}

.point_text {
  margin: 0 0 0 30px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .point_text {
    margin: 0 0 0 10px;
  }
}
.point_text ul {
  margin: 20px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .point_text ul {
    margin: 4px;
    font-size: 13px;
  }
}
.point_text li {
  list-style: none;
  text-align: left;
}
.point_text li::before {
  content: "・";
}

.point_tit {
  color: #1B65B9;
  font-size: 38px;
  position: relative;
  font-weight: bold;
  text-align: left;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .point_tit {
    font-size: 16px;
    padding: 0 20px;
  }
}
.point_tit::after {
  content: "";
  border-bottom: #1B65B9 3px solid;
  width: 100%;
  position: absolute;
  top: 70px;
  left: 0px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .point_tit::after {
    top: 25px;
    left: 0;
  }
}

.point_deta {
  padding: 20px;
  text-align: left;
}

.pdt_point2 {
  /* 1101以上 */
}
@media all and (min-width: 1101px) {
  .pdt_point2 {
    margin: 80px auto;
    width: 850px;
  }
}

.point_image1, .point_image2, .point_image3 {
  position: relative;
  /* 1100以下 */
}
@media all and (max-width: 1100px) {
  .point_image1, .point_image2, .point_image3 {
    padding: 30px;
  }
}
.point_image1::after, .point_image2::after, .point_image3::after {
  content: "";
  background-size: contain;
  width: 380px;
  position: absolute;
  bottom: -161px;
  right: -183px;
  height: 220px;
  background-repeat: no-repeat;
  z-index: 1;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .point_image1::after, .point_image2::after, .point_image3::after {
    bottom: 13px;
    right: -240px;
    height: 120px;
  }
}

.point_image1::after {
  background-image: url(../images/product/pack01b_pc.png);
}

.point_image2::after {
  background-image: url(../images/product/pack02b_pc.png);
}

.point_image3::after {
  background-image: url(../images/product/pack03b_pc.png);
}

.point_text2 {
  /* 751以上 */
}
@media all and (min-width: 751px) {
  .point_text2 {
    margin: 10px 0 0 0px;
  }
}

.spec_wrap {
  margin: 0 auto;
  /* 751以上 */
  /* 750以下  */
}
@media all and (min-width: 751px) {
  .spec_wrap {
    width: 1100px;
  }
}
@media all and (max-width: 750px) {
  .spec_wrap {
    padding: 20px;
  }
}

.pt_desciption {
  /* 751以上 */
  margin: 20px;
  text-align: left;
  font-size: 13px;
}
@media all and (min-width: 751px) {
  .pt_desciption {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
  }
}
/*# sourceMappingURL=pdt_pack.css.map */