@media only screen and (max-width: 899px) {
  .p-sec-list {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-sec-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4.1666666667vw;
    margin-top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-sec-list {
    gap: 50px;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 899px) {
  .p-sec01-item:not(:first-child) {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-sec01-item {
    flex: 0 0 calc((100% - 4.1666666667vw) / 2);
  }
}
@media only screen and (min-width: 1200px) {
  .p-sec01-item {
    flex: 0 0 calc((100% - 50px) / 2);
  }
}
.p-sec01-item:after {
  content: "";
  display: block;
  clear: both;
}
.p-sec01-item .p-sec-img {
  float: left;
}
@media only screen and (max-width: 899px) {
  .p-sec01-item .p-sec-img {
    width: 140px;
    margin-right: 15px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-sec01-item .p-sec-img {
    width: 20vw;
    margin-right: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-sec01-item .p-sec-img {
    width: 240px;
    margin-right: 30px;
  }
}
.p-sec01-item .p-sec-img img {
  width: 100%;
}
.p-sec01-item .p-sec-lead {
  overflow: hidden;
}
@media only screen and (max-width: 899px) {
  .p-sec01-item .p-sec-btns {
    padding-top: 15px;
    clear: both;
  }
}
@media print, screen and (min-width: 900px) {
  .p-sec01-item .p-sec-btns {
    margin-top: 1.6666666667vw;
    width: calc(100% - 20vw - 2.5vw);
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  .p-sec01-item .p-sec-btns {
    margin-top: 20px;
    width: calc(100% - 240px - 30px);
  }
}

.p-sec02 {
  background: #fff;
}
@media only screen and (max-width: 899px) {
  .p-sec02-item:not(:first-child) {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-sec02-item {
    flex: 0 0 calc((100% - 4.1666666667vw) / 2);
  }
}
@media only screen and (min-width: 1200px) {
  .p-sec02-item {
    flex: 0 0 calc((100% - 50px) / 2);
  }
}
.p-sec02-item .p-sec-img img {
  width: 100%;
}
@media only screen and (max-width: 899px) {
  .p-sec02-item .p-sec-body {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-sec02-item .p-sec-body {
    margin-top: 2.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-sec02-item .p-sec-body {
    margin-top: 25px;
  }
}
.p-sec02-item .c-hl02 {
  text-align: center;
}
@media only screen and (max-width: 899px) {
  .p-sec02-item .p-sec-btns {
    padding-top: 15px;
  }
}
@media print, screen and (min-width: 900px) {
  .p-sec02-item .p-sec-btns {
    margin-top: 2.0833333333vw;
    margin-inline: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .p-sec02-item .p-sec-btns {
    margin-top: 25px;
    margin-inline: 40px;
  }
}

/*# sourceMappingURL=index.css.map */