/* CSS POINT */
.p-page-visual {
  background: url(/files/img/point/img_header_bg.jpg) no-repeat 50% 50%/cover; }

.p-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  counter-reset: number; }

.p-point__list {
  padding-bottom: 2rem;
  border-bottom: 1px solid #ccc; }
  @media print, screen and (max-width: 767px) {
    .p-point__list {
      width: 100%;
      margin: 2rem 0 0; } }
  @media print, screen and (min-width: 768px) {
    .p-point__list {
      width: calc(100% / 2 - 4%);
      margin: 2rem 2% 0; } }
  @media print, screen and (min-width: 980px) {
    .p-point__list {
      width: calc(100% / 2 - 8%);
      margin: 2rem 4% 0; } }

.p-point__item dt {
  position: relative;
  font-weight: 900; }
  @media print, screen and (min-width: 980px) {
    .p-point__item dt {
      font-size: 24px;
      font-size: 1.5rem; } }
  .p-point__item dt:before {
    display: block;
    counter-increment: number;
    content: "POINT " counter(number, decimal-leading-zero);
    color: #1B4792;
    font-family: 'Roboto', sans-serif;
    font-weight: 900; }

.p-point__item dd {
  margin-top: 1rem; }
  @media print, screen and (min-width: 768px) {
    .p-point__item dd {
      margin-top: 1.6rem; } }