#vi_lower {
  background-image: url(/cms/wp-content/themes/sdat_renew/img/cmn/vi_dummy.webp); }
  @media screen and (max-width: 767px) {
    #vi_lower {
      background-position: left center; } }

#contents .product_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }
  #contents .product_list > * {
    width: 33.3%;
    padding-bottom: 80px;
    position: relative;
    margin-top: 0;
    margin-bottom: 10rem; }
    #contents .product_list > * h2 a {
      display: flex;
      height: 90px;
      color: #001650;
      font-size: 1.8rem;
      font-weight: 700;
      justify-content: center;
      align-items: center;
      text-decoration: none !important;
      background: #f6f6f6;
      transition: 0.3s;
      border-left: 1px solid #CCC; }
      #contents .product_list > * h2 a::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent #001650;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        position: relative;
        top: 2px; }
      #contents .product_list > * h2 a:hover {
        opacity: 0.8; }
    #contents .product_list > *:nth-child(3n-2) h2 a {
      border-left: none; }
    #contents .product_list > * .image {
      border-left: 1px solid #FFF; }
      #contents .product_list > * .image img {
        width: 100%; }
    #contents .product_list > * p {
      margin: 30px 30px 0 30px; }
    #contents .product_list > * ul {
      margin: 30px 30px 0 30px;
      border-left: solid 1px #d2d5df;
      padding-left: 15px; }
      #contents .product_list > * ul li {
        margin-bottom: 10px;
        font-size: 1.6rem;
        font-weight: 500;
        padding-left: 20px;
        position: relative; }
        #contents .product_list > * ul li::before {
          content: "";
          width: 10px;
          height: 3px;
          background: #50a6d8;
          position: absolute;
          left: 0;
          top: 12px; }
    #contents .product_list > * .btn {
      position: absolute;
      left: 20px;
      bottom: 0;
      width: calc(100% - 40px);
      background: #0c1f55;
      text-align: right; }
      #contents .product_list > * .btn a {
        display: inline-block;
        font-size: 1.8rem;
        color: #fff;
        padding: 10px 30px;
        position: relative;
        text-align: center;
        background: #1f4584;
        text-decoration: none !important; }
        #contents .product_list > * .btn a:hover {
          opacity: .8; }
        #contents .product_list > * .btn a::before {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5.5px 0 5.5px 5px;
          border-color: transparent transparent transparent #fff;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
  @media screen and (max-width: 767px) {
    #contents .product_list {
      display: block; }
      #contents .product_list > * {
        width: auto;
        padding-bottom: 80px;
        position: relative;
        margin-bottom: 55px !important; }
        #contents .product_list > * h2 a {
          height: 7rem;
          color: #001650;
          border-left: none; }
          #contents .product_list > * h2 a::before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent #001650;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            position: relative;
            top: 2px; }
          #contents .product_list > * h2 a:hover {
            opacity: 0.8; }
        #contents .product_list > * .image {
          border-left: none; }
          #contents .product_list > * .image img {
            width: 100%; }
        #contents .product_list > * ul {
          margin: 15px 5px 0 15px;
          border-left: solid 1px #d2d5df;
          padding-left: 15px;
          overflow: hidden; }
          #contents .product_list > * ul li {
            float: left;
            min-width: 50%;
            white-space: nowrap;
            margin-bottom: 5px;
            font-size: 1.2rem;
            padding-left: 15px; }
            #contents .product_list > * ul li::before {
              content: "";
              width: 7px;
              height: 3px;
              left: 0;
              top: 7px; }
        #contents .product_list > * .btn {
          position: absolute;
          left: 20px;
          bottom: 0;
          width: calc(100% - 40px);
          background: #0c1f55;
          text-align: right; }
          #contents .product_list > * .btn a {
            display: inline-block;
            font-size: 1.2rem;
            color: #fff;
            padding: 10px 30px;
            position: relative;
            text-align: center;
            background: #1f4584;
            text-decoration: none !important; }
            #contents .product_list > * .btn a:hover {
              opacity: .8; }
            #contents .product_list > * .btn a::before {
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 5.5px 0 5.5px 5px;
              border-color: transparent transparent transparent #fff;
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%); } }
#contents section#mentenance {
  padding: 20px;
  background: #EFEFEF;
  margin-bottom: 0; }
  #contents section#mentenance h2 {
    font-size: 2.4rem;
    margin-bottom: 15px; }